HTML之iframe
iframe:是框架的一种形式。
属性: frameborder=0/1 表示是否显示周围边框 0--否 1--是
width,height:设置的边框宽高,具体数值不需要加单位,也可用百分比
marginwidth:设置显示的内容的左右边距;marginheight:设置显示的内容的上下边距
border:设置边框
scrolling:是否有滚动条
src:指定调用的图片或文件
用途:在一个网页中,只有某一部分需要显示另外一个网页,即可以用iframe标签。
解释说明:比如在浏览一个网站时,他会有很多相同类似的地方,比如一个教程,他的每一个页面只有在相应显示教程内容的时候不一样,其余地方均相同,则只需要将其余的部分加载一次,将需要变化的部分放在iframe标签嵌入HTML中,这样可以减少网站加载内容,同时这一部分也可以在不同的地方多次使用。
<Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src:文件或图片或需要读取的网址的路径。
width,height:显示这一部分的宽高
scrolling:显示时内容区域超过设置区域,是否显示滚动条。YES--显示 NO--不显示 、AUTO--默认,自动出现
frameborder:是否显示部分区域边框宽度。一般情况下均设置为0 ,为了减少内嵌的区域与原来网页的违和感。
例:<iframe src="http://baidu.com/" width="400" height="200" scrolling="yes" frameborder="0" />(嵌入网站)
例:<Iframe src="aaa.html" id="test" width="250" height="200" scrolling="no" frameborder="0"></iframe>(嵌入html文档)
aaa.html:
<html>
<body>
<h1 id="myH1">aaa</h1>
</body>
</html>
可通过修改aaa.html的内容来修改页面中的内容