在一个页面上,一块区域上显示另一个页面(或者文件)的内容
我是利用js和iframe标签组合来实现的。
比如我在1.html上,划分一个div区域,通过按钮,使其用来显示2.html,或者其他网站(如:百度)。
这时,我在1.thml上弄一个专门显示的区域div。
按钮的内容:
iframe框的内容:(注意,在这个div上还有一个父div!)
<input name="butt" value="统计" type="button" id="change" οnclick="change()" />
给了一个onclick事件触发js的代码。
iframe框的内容:(注意,在这个div上还有一个父div!)
<div class="box2">显示另外一个页面的内容
<iframe id="ifrID" src="http://www.baidu.com" frameBorder="0" width="100%" scrolling="yes" height="100%">
</iframe>
</div>
javascript代码的内容:
<script type="text/javascript">
function change(){
document.getElementById("ifrID").src="http://i.maxthon.cn";
}
</script>
通过点击按钮“统计“,就会执行js的代码。执行change函数,找到id为ifrID的元素,改变src的属性的值为百度网。这样就会实行跳转页面。
效果为:
之后: