首页 > Web开发 > 详细

js实现局部页面显示刷新,支持多条链接

时间:2020-12-23 12:49:12      阅读:27      评论:0      收藏:0      [点我收藏+]

代码:

<body>
    <script type="text/javascript">
//            加载一个页面
        function loadPage(){
            document.onclick=function(){
//设置鼠标单击并将value传递到user_center_showpage里
var obj = event.srcElement; if(obj.href="a1"){ document.getElementById("user_center_showpage").src = obj.value; } } } </script> <div id="big_list"> #little_list为样式设置 <button id="little_list" href="a1" value="https://www.baidu.com/" onclick="loadPage()">百度</button> <button id="little_list" href="a1" value="https://www.cnblogs.com/" onclick="loadPage()">博客园</button> <button id="little_list" href="a1" value="http://www.4399.com/" onclick="loadPage()">4399</button> </div> #显示页面 <iframe id="user_center_showpage"> </iframe>
</body>

 

js实现局部页面显示刷新,支持多条链接

原文:https://www.cnblogs.com/wandn/p/14177266.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!