在一个页面上，一块区域上显示另一个页面（或者文件）的内容

在一个页面上，一块区域上显示另一个页面（或者文件）的内容

我是利用js和iframe标签组合来实现的。

比如我在1.html上，划分一个div区域，通过按钮，使其用来显示2.html，或者其他网站（如：百度）。

这时，我在1.thml上弄一个专门显示的区域div。

按钮的内容：

<input name="butt" value="统计" type="button" id="change" onclick="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的属性的值为百度网。这样就会实行跳转页面。

效果为：

之后：