这样虽没有对功能有什么影响,可是体验总不怎么好,那如何解决这个问题了,网上有很多文章都有说过在被目标页加载后设置window.status = "xx"这类的,可是我发现这个方法这样的情形下并不怎么好使。 复制代码 代码如下: <div> <ul> <li><a href="1.html" target="page"></a></li> <li><a href="2.html" target="page"></a></li> <li><a href="3.html" target="page"></a></li> </ul> <div><iframe src="" id="page" name="page" frameborder="0"></iframe></div> </div> 然后在1.html页面中加入 复制代码 代码如下: window.onload = function(){ window.status = "完成"; } 结果发现1.html页面加载完成后浏览器下面进度条还一直在那里。 通过长时间反复的实践最后终于找到了解决问题的一种方法:不用href链接的方式来打开页面。改为通过Javascript来改变iframe方式来实现。 复制代码 代码如下: <script type="text/javascript"> function redirect(src){ document.getElementById("page").src = src; } </script> <div> <ul> <li><a href="javascript:redirect('1.html')" target="page"></a></li> <li><a href="redirect('2.html')" target="page"></a></li> <li><a href="redirect('3.html')" target="page"></a></li> </ul> <div><iframe src="" id="page" name="page" frameborder="0"></iframe></div> </div> 到这一步以为问题解决了,不想浏览器还报起脚本错误来了,提示redirect未定义,最后搞明白了,原来是target属性忘记去掉了。 至此,问题完整解决了。因在公司不方便,所以就贴样例了。
推荐阅读
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
先来看现象: 复制代码 代码如下: <div id="cc"></div> <script> $(document).ready(function() { $("#cc").append("<div id='aa' style='width:200px;height:200px;' /></div>"); alert($("#aa").width()); }); <>>>详细阅读
本文标题:教您去掉ie网页加载进度条的方法
地址:http://www.17bianji.com/kaifa2/JS/25256.html
1/2 1