iframe嵌入页面单击链接 整页变换或指定iframe变换

发布时间:2019-11-17编辑:脚本学堂
本文介绍下,在iframe中嵌入页面里单击链接,让整页变换或指定iframe页变换的实现方法,有需要的朋友,参考下吧。

1,在index.html页面引入top.html文件
 

<iframe name=top src="top.html" frameBorder=0 width=100% scrolling=no height="279"></IFRAME>

在top.html页面的链接里面写上
 

<a href="index.html" onClick="javascript:parent.window.location.href='index.html'">

这样使用iframe的页面不会出现在iframe的那一块里面变换内容,而是整个页面变换.

2,指定同一页面内的iframe调用里面的内容变换:
 

<a href="http://www.jb200.com " target="另一个iframe的name名称">

3,实现页面上的超链接指向这个嵌入的网页?
只要给这个iframe命名就可以了。
方法是:
 

<iframe name=**>

,例如,命名为aa,写入这句HTML语言:
 

<iframe width=420 height=330 name=aa frameborder=0 src=http://www.jb200.com></iframe>

,然后,网页上的超链接语句应该写为:<a href=URL target=aa>

4,如果把frameborder设为1,效果就像文本框一样.
在HTM(HTML)文件中是否可以像PHP、ASP文件一样嵌入其他文件呢?下面笔者介绍用iframe来实现的方法。

iframe元素的功能是在一个文档里内嵌一个文档,创建一个浮动的帧。
部分属性:
 

name:内嵌帧名称
width:内嵌帧宽度(可用像素值或百分比)
height:内嵌帧高度(可用像素值或百分比)
frameborder:内嵌帧边框
marginwidth:帧内文本的左右页边距
marginheight:帧内文本的上下页边距
scrolling:是否出现滚动条(“auto”为自动,“yes”为显示,“no”为不显示)
src:内嵌入文件的地址
style:内嵌文档的样式(如设置文档背景等)
allowtransparency:是否允许透明。