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">