关于iframe嵌套

最新推荐文章于 2025-11-02 16:23:19 发布

原创最新推荐文章于 2025-11-02 16:23:19 发布 · 215 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#框架 #Firefox #IE #浏览器 #Firebug

jsp 专栏收录该内容

10 篇文章

订阅专栏

iframe 标签 -- HTML内联框架

iframe标签是成对出现的,以<iframe>开始,</iframe>结束
iframe标签内的内容可以做为浏览器不支持iframe标签时显示
引用网址:http://www.dreamdu.com/xhtml/tag_iframe/
属性
- Common -- 一般属性
- name -- 定义了内容页名称,此名称在框架页内链接时使用到
- src -- 定义了内容页URL(同frame标签)
- frameborder -- 定义了内容页的边框,取值为(1|0),缺省值为1
  - 1 -- 在每个页面之间都显示边框
  - 0 -- 不显示边框
- height -- 框架的高度,取值像素或百分比
- width -- 框架的宽度,取值像素或百分比
- marginwidth -- 定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定
- marginheight -- 定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定
- scrolling -- 定义是否有滚动条,取值为(yes|no|auto),缺省值为auto
  - yes -- 显示滚动条
  - no -- 不显示滚动条
  - auto -- 当需要时再显示滚动条
- align -- 垂直或水平对齐方式
- longdesc -- 定义框架页的说明

1.Javascript获取IFrame内容(兼容IE&FF)
在IE下操作IFrame内容的代码:
document.frames[MyIFrame].document.getElementById.style.color=blue;
但是这在Firefox下无效。所以，想到在Firefox下用FireBug来调试。经过调试发现在Firefox下可用以下代码来实现:
document.getElementById(MyIFrame").contentDocument.getElementById(s).style.color=blue

2.js刷新firame内容
iframe = document.getElementById('location_iframe');
iframe.src = 'url';
iframe.location.reload();

3.如何在iframe中设置背景颜色为透明
在src页面设置<body bgColor="#FFFFFF">