首页 > 代码库 > iframe测试
iframe测试
iframe类似于frameset，iframe 和 frameset 都用于html页面的框架布局。(都可用于后台管理界面,iframe放于body标签内，frameset不能放在body标签)
1. <iframe> 标签：iframe 是个内联框架，是在页面里生成个内部框架。
2. <frameset> 标签：frameset 定义一个框架集，包含多个子框架，每个框架都有独立的文档。
iframe定义和用法
iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。
1. 例子
iframe测试.html(包括三个iframe)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>iframe测试</title> </head> <body> <iframe src="top.html" width="1360px" name="top" height="200px"></iframe> <iframe src="left.html" width="150px" name="left" height="550px"></iframe> <iframe src="right.html" width="1160px" height="550px" name="right"></iframe> </body></html>
top.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 这是顶部 </body></html>
left.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body > 这是left的内容！！！ <br /> <br /> <br /> <br /> <a href="test.html" target="right">点击在右边显示右边</a> </body></html>
right.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body > 这是right的内容！！！ </body></html>
效果:
2. 点击上边左面的html会在右边显示test.html
test.html
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 这是test页面(将会在name=right的iframe显示) </body></html>
效果:
iframe测试
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。