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


Posted in Javascript onDecember 09, 2010

这样虽没有对功能有什么影响,可是体验总不怎么好,那如何解决这个问题了,网上有很多文章都有说过在被目标页加载后设置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属性忘记去掉了。
至此,问题完整解决了。因在公司不方便,所以就贴样例了。
Javascript 相关文章推荐
js中如何复制一个对象并获取其所有属性和属性对应的值
Oct 24 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
使用HTML+CSS+JS制作简单的网页菜单界面
Jul 27 Javascript
js实现人民币大写金额形式转换
Apr 27 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
关于Vue.js一些问题和思考学习笔记(1)
Dec 02 Javascript
Bootstrap modal 多弹窗之叠加显示不出弹窗问题的解决方案
Feb 23 Javascript
JavaScript实现一个空中避难的小游戏
Jun 06 Javascript
webpack手动配置React开发环境的步骤
Jul 02 Javascript
原生js实现随机点名
Jul 05 Javascript
vue中使用腾讯云Im的示例
Oct 23 Javascript
javascript 折半查找字符在数组中的位置(有序列表)
Dec 09 #Javascript
基于jQuery的一个扩展form序列化到json对象
Dec 09 #Javascript
来自国外的页面JavaScript文件优化
Dec 08 #Javascript
js 替换功能函数,用正则表达式解决,js的全部替换
Dec 08 #Javascript
javascript中callee与caller的用法和应用场景
Dec 08 #Javascript
js下通过prototype扩展实现indexOf的代码
Dec 08 #Javascript
在JQuery dialog里的服务器控件 事件失效问题
Dec 08 #Javascript
You might like
使用网络地址转换实现多服务器负载均衡
2006/10/09 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
解析VS2010利用VS.PHP插件调试PHP的方法
2013/07/19 PHP
ThinkPHP3.2.3实现分页的方法详解
2016/06/03 PHP
php事件驱动化设计详解
2016/11/10 PHP
实例讲解通过​PHP创建数据库
2019/01/20 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
js精度溢出解决方案
2012/12/02 Javascript
实现点击列表弹出列表索引的两种方式
2013/03/08 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
javascript原生和jquery库实现iframe自适应高度和宽度
2014/07/18 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
AngularJS的一些基本样式初窥
2015/07/27 Javascript
详解页面滚动值scrollTop在FireFox与Chrome浏览器间的兼容问题
2015/12/03 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
详解ES6之用let声明变量以及let loop机制
2017/07/15 Javascript
利用原生JavaScript实现造日历轮子实例代码
2019/05/08 Javascript
vue相同路由跳转强制刷新该路由组件操作
2020/08/05 Javascript
区分vue-router的hash和history模式
2020/10/03 Javascript
python实现自动重启本程序的方法
2015/07/09 Python
python实现mysql的读写分离及负载均衡
2018/02/04 Python
python更改已存在excel文件的方法
2018/05/03 Python
Python3.6简单反射操作示例
2018/06/14 Python
python接口自动化测试之接口数据依赖的实现方法
2019/04/26 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
django列表筛选功能的实现代码
2020/03/27 Python
css3动画效果小结(推荐)
2016/07/25 HTML / CSS
CSS3 实现飘动的云朵动画
2020/12/01 HTML / CSS
实例讲解利用HTML5 Canvas API操作图形旋转的方法
2016/03/22 HTML / CSS
SheIn俄罗斯:时尚女装网上商店
2017/02/28 全球购物
eDreams澳大利亚:预订机票、酒店和度假产品
2017/04/19 全球购物
2014年领班工作总结
2014/11/25 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
JS继承最简单的理解方式
2021/03/31 Javascript
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers