【web开发】教您去掉ie网页加载进度条
2010-12-08 18:53
288 查看
相信很多同仁做的系统后到都是用frameset或iframe来加载不同页面的,不可不知道大家有没有注意到,当frame框架中的页面已经加载完成后,可是ie浏览器的状态栏还会一直显示一个正在加载的状态。这样虽没有对功能有什么影响,可是体验总不怎么好,那如何解决这个问题了,网上有很多文章都有说过在被目标页加载后设置window.status = "xx"这类的,可是我发现这个方法这样的情形下并不怎么好使。
到这一步以为问题解决了,不想浏览器还报起脚本错误来了,提示redirect未定义,最后搞明白了,原来是target属性忘记去掉了。
至此,问题完整解决了。因在公司不方便,所以就贴样例了。
然后在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属性忘记去掉了。
至此,问题完整解决了。因在公司不方便,所以就贴样例了。
相关文章推荐
- android开发设置带加载进度网页的WebViewActivity
- 混合开发(一)——WebView开发高级技巧之加载网页以及JavaScript,加载进度条
- 混合开发(一)——WebView开发高级技巧之加载网页以及JavaScript,加载进度条
- ios开发加载webview显示进度条实例
- [Web开发] IE 所有版本打包下载,网页兼容测试必备
- iOS WKWebView添加网页加载进度条
- web前端开发之优化网页加载速度技巧
- Android中WebView加载网页设置进度条
- Android--当webview加载网页的时候在标题栏上显示加载进度
- webview加载网页的时候在标题栏上显示加载进度
- 安卓开发, 遇到WebView不能加载静态网页, WebView显示 "net::ERR_PROXY_CONNECTON_FAILED"
- WebView之加载网页时增加进度提示
- [Android]webview直接加载网页<允许JS,进度条,当前应用内跳转>
- 【FastDev4Android框架开发】重写WebView网页加载以及JavaScript注入详解(二十三)
- 【FastDev4Android框架开发】重写WebView网页加载以及JavaScript注入详解(二十三)
- android 在开发WebView时,去掉网页的标题并设置成自定义的标题
- android中WebView加载网页设置进度条
- 基于MFC的Microsoft Web Browser ActiveX,IWebBrowser2的类封装和含有Iframe框架网页加载完成进度的检测,事件响应
- 安卓开发中实现替换webview加载网页失败时的页面和失败后点击后重新加载
- 教您去掉ie网页加载进度条的方法