在一个页面上,一块区域上显示另一个页面(或者文件)的内容

在一个页面上,一块区域上显示另一个页面(或者文件)的内容

我是利用js和iframe标签组合来实现的。
比如我在1.html上,划分一个div区域,通过按钮,使其用来显示2.html,或者其他网站(如:百度)。
这时,我在1.thml上弄一个专门显示的区域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的属性的值为百度网。这样就会实行跳转页面。

效果为:
《在一个页面上,一块区域上显示另一个页面(或者文件)的内容》
《在一个页面上,一块区域上显示另一个页面(或者文件)的内容》

之后:
《在一个页面上,一块区域上显示另一个页面(或者文件)的内容》

《在一个页面上,一块区域上显示另一个页面(或者文件)的内容》

    原文作者:jianghehe1
    原文地址: https://blog.csdn.net/jianghehe1/article/details/61630991
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞