提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

教您去掉ie网页加载进度条的方法

网页方法 加载 IE 去掉 进度条
2023-06-13 09:14:25 时间
这样虽没有对功能有什么影响，可是体验总不怎么好，那如何解决这个问题了，网上有很多文章都有说过在被目标页加载后设置window.status="xx"这类的，可是我发现这个方法这样的情形下并不怎么好使。
复制代码代码如下:

<div>
<ul>
<li><ahref="1.html"target="page"></a></li>
<li><ahref="2.html"target="page"></a></li>
<li><ahref="3.html"target="page"></a></li>
</ul>
<div><iframesrc=""id="page"name="page"frameborder="0"></iframe></div>
</div>

然后在1.html页面中加入
复制代码代码如下:

window.onload=function(){
window.status="完成";
}

结果发现1.html页面加载完成后浏览器下面进度条还一直在那里。
通过长时间反复的实践最后终于找到了解决问题的一种方法：不用href链接的方式来打开页面。改为通过Javascript来改变iframe方式来实现。
复制代码代码如下:
<scripttype="text/javascript">
functionredirect(src){
document.getElementById("page").src=src;
}
</script>
<div>
<ul>
<li><ahref="javascript:redirect("1.html")"target="page"></a></li>
<li><ahref="redirect("2.html")"target="page"></a></li>
<li><ahref="redirect("3.html")"target="page"></a></li>
</ul>
<div><iframesrc=""id="page"name="page"frameborder="0"></iframe></div>
</div>

到这一步以为问题解决了，不想浏览器还报起脚本错误来了，提示redirect未定义，最后搞明白了，原来是target属性忘记去掉了。
至此，问题完整解决了。因在公司不方便，所以就贴样例了。

相关文章