- 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 -- 定义框架页的说明
页面:000.html
<html>
<head>
<script type="text/javascript">
function temp(id) {
document.getElementById("temp").src = id;
}
function temps(id) {
alert(id);
}
</script>
</head>
<body>
<table align="center">
<tr>
<td>主页 <a href="#" id="111.html" onclick="temp(this.id);" >111</a> <a href="#" id="222.html" onclick="temp(this.id);" >222</a></td>
</tr>
<tr>
<td ><Iframe id="temp" src="111.html" width="500" heitht="600">aa</IFRAME></td>
</tr>
</table>
</body>
</html>
111.html
<html>
<body>
这是默认的第一个子页面
</body>
</html>
222.html
<html>
<body>
第二个子页面
<a href="#" id="111.html" onclick="window.parent.temp(this.id);" > 进入主页面000</a>
</body>
</html>
说明:直接把三个文件以html的格式放在桌面即可,此时document.getElementById("temp")在ie里面可以,在火狐里面要改为name这样就都可以了。在项目里面要都用id了.
转载于:https://blog.51cto.com/20110101/794366