javascript跨框架显示div
来源:互联网 发布:必备的办公软件 编辑:程序博客网 时间:2024/06/05 10:20
项目中碰到需要跨框架显示div的问题,百度了一下,搜集了一下群众的智慧,特整理出下面这个例子,先看看效果图:
本例共有4个页面:
index.html
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style>.popDiv{position:absolute;float:left;width:300px;height:300px; background-color:#f7f7f7;top:50;left:25;display:none;z-index:2;}</style></head> <body> <div id='popId' class='popDiv'>the test div float over iframe.</div> <iframe src="frame.html" width=100% height=100% marginwidth=0></iframe> </body> </html>
frame.html
<frameset rows="74,*" cols="*" style="z-index:1"> <frame src="frame-top.html" style="z-index:1"> <frame src="frame-main.html" style="z-index:1"> </frameset><noframes></noframes>
frame-top.html
<a href="#" onclick="top.document.getElementById('popId').style.display='block'">show div</a>
frame-main.html
I'm main frame
页面建立好,直接打开index.html即可看到效果。具体原理就是通过在父页面设置好div,从frame内部调用父页面的div来显示
1 0
- javascript跨框架显示div
- javascript控制DIV显示
- javascript实现div的显示和隐藏
- javascript显示时间(在div中)
- 使用Javascript控制某个Div是否显示
- JavaScript显示和隐藏某个div
- JavaScript鼠标移动到div显示图片
- js 设置在iframe框架中指定div不显示
- JavaScript 高级课程之缓冲/多个DIV运动框架
- 用javascript控制div的显示与隐藏
- 用JavaScript控制DIV的显示和隐藏
- javascript 根据下拉框选择显示不同的DIV
- Javascript添加可显示/隐藏div--测试成功
- JavaScript实现DIV层的隐藏与显示
- javascript 控制 DIV等html元素的显示和隐藏
- 用javascript控制div的显示与隐藏
- javascript实现层div的显示和隐藏效果
- javascript 控制 DIV等html元素的显示和隐藏 .
- 第十七周项目7-电子词典结构体版
- rake 是什么
- Android 关于videoview 弹窗 “抱歉,无法播放此视频”
- 蓝桥杯试题集 基础练习 回文数
- Unix C (十)
- javascript跨框架显示div
- ios:UIAlertView自动消失
- Unity碰撞检测
- CHM 已取消到该网页的导航
- Java通信之Socket网络编程
- [BuildRelease]跨平台构建工具Cmake
- IOS调试技巧:当程序崩溃的时候怎么办 iphone IOS
- 第17周项目6-学生成绩统计3(1)
- 用sorttable.js对表格进行排序