教您去掉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 相关文章推荐
jQuery aminate方法定位到页面具体位置
Dec 26 Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
JS获取数组最大值、最小值及长度的方法
Nov 24 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
js实现页面刷新滚动条位置不变
Nov 27 Javascript
JS数组去重(4种方法)
Mar 27 Javascript
Angular.JS中的指令引用template与指令当做属性详解
Mar 30 Javascript
收藏AngularJS中最重要的核心功能
Jul 09 Javascript
Material(包括Material Icon)在Angular2中的使用详解
Feb 11 Javascript
vue cli 3.0 使用全过程解析
Jun 14 Javascript
微信小程序里引入SVG矢量图标的方法
Sep 20 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
phpMyAdmin安装并配置允许空密码登录
2015/07/04 PHP
PHP+Ajax实现上传文件进度条动态显示进度功能
2018/06/04 PHP
thinkphp整合系列之极验滑动验证码geetest功能
2019/06/18 PHP
Javascript生成json的函数代码(可以用php的json_decode解码)
2012/06/11 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
轻松掌握JavaScript策略模式
2016/08/25 Javascript
ES6下React组件的写法示例代码
2017/05/04 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
JS文件中加载jquery.js的实例代码
2018/05/05 jQuery
通过函数作用域和块级作用域看javascript的作用域链
2018/08/05 Javascript
vueScroll实现移动端下拉刷新、上拉加载
2019/03/22 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
2020/04/22 Javascript
详谈vue中router-link和传统a链接的区别
2020/07/22 Javascript
python格式化字符串实例总结
2014/09/28 Python
Python字符串替换实例分析
2015/05/11 Python
Python中isnumeric()方法的使用简介
2015/05/19 Python
python实时监控cpu小工具
2018/06/21 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
Python 使用类写装饰器的小技巧
2018/09/30 Python
Python中常用的8种字符串操作方法
2019/05/06 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
Pycharm和Idea支持的vim插件的方法
2020/02/21 Python
Python API 操作Hadoop hdfs详解
2020/06/06 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
Python实例教程之检索输出月份日历表
2020/12/16 Python
解决CSS3的opacity属性带来的层叠顺序问题
2016/05/09 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
Java如何调用外部Exe程序
2015/07/04 面试题
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
家庭教育先进个人事迹材料
2014/01/24 职场文书
机关门卫制度
2014/02/01 职场文书
作风转变年心得体会
2014/10/22 职场文书
2014年银行信贷员工作总结
2014/12/08 职场文书
SQL Server数据定义——模式与基本表操作
2021/04/05 SQL Server