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

    xiaoxiao2021-03-25  121

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

    我是利用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的属性的值为百度网。这样就会实行跳转页面。 效果为: 之后:
    转载请注明原文地址: https://ju.6miu.com/read-36371.html

    最新回复(0)