你的位置:首页 > 软件开发 > Java > 页面刷新之实现框架内外刷新(整体、局部)

页面刷新之实现框架内外刷新(整体、局部)

发布时间:2016-10-12 11:00:44
这次总结的是框架刷新:框架内外的按钮均可以定义网页重定向,框架内部页面的按钮可以实现局部刷新,框架外部页面的按钮可以实现整页刷新。代码如下(两个html页面): 1 <!--主界面index.html--> 2 <iframe src="页面刷新. ...

这次总结的是框架刷新:

框架内外的按钮均可以定义网页重定向,

框架内部页面的按钮可以实现局部刷新,

框架外部页面的按钮可以实现整页刷新。

代码如下(两个html页面):

 1 <!--主界面index.html--> 2   <iframe src='/images/loading.gif' data-original="页面刷新.html" frameborder="1"></iframe> 3   <h1 id="iframeout">框架外内容</h1> 4   <button onclick="fresh()">框架外刷新</button> 5    6   <script> 7     var h1 = document.getElementById('iframeout'); 8     function iframeout(){ 9       h1.style.color = "yellow";10       h1.innerText = "我变化了";11     }12     setInterval(iframeout, 800);13     function fresh(){14       // 框架主页面刷新,可以实现下面两个功能:15       top.location.reload();  //刷新整页 16       // window.parent.location.href='http://koushuling.top'; //框架页重定向 17     }18   </script>

原标题:页面刷新之实现框架内外刷新(整体、局部)

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录