教您去掉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困惑—包装集 DOM节点
Oct 16 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
JQuery操作表格(隔行着色,高亮显示,筛选数据)
Feb 23 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
jquery $(this).attr $(this).val方法使用介绍
Oct 08 Javascript
js获取客户端外网ip的简单实例
Nov 21 Javascript
JavaScript设计模式之装饰者模式介绍
Dec 28 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
AngularJS  $modal弹出框实例代码
Aug 24 Javascript
Node.js环境下Koa2添加travis ci持续集成工具的方法
Jun 19 Javascript
AjaxUpLoad.js实现文件上传功能
Mar 02 Javascript
微信小程序实现传递多个参数与事件处理
Aug 12 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
php foreach、while性能比较
2009/10/15 PHP
windows7配置Nginx+php+mysql的详细教程
2016/09/04 PHP
解决form中action属性后面?传递参数 获取不到的问题
2017/07/21 PHP
DIY jquery plugin - tabs标签切换实现代码
2010/12/11 Javascript
jQuery的12招常用技巧分享
2011/08/08 Javascript
在js文件中写el表达式取不到值的原因及解决方法
2013/12/23 Javascript
javacript使用break内层跳出外层循环分析
2015/01/12 Javascript
JQuery.get提交页面不跳转的解决方法
2015/01/13 Javascript
浅析Javascript中bind()方法的使用与实现
2016/04/29 Javascript
BootStrap下的弹出框加载select2框架失败的解决方法
2017/08/31 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
vue.js在标签属性中插入变量参数的方法
2018/03/06 Javascript
如何用RxJS实现Redux Form
2018/12/29 Javascript
记一次vue去除#问题处理经过小结
2019/01/24 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
使用Vue实现移动端左滑删除效果附源码
2019/05/16 Javascript
原生JS实现列表内容自动向上滚动效果
2019/05/22 Javascript
Jquery Fade用法详解
2020/11/06 jQuery
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
复制粘贴功能的Python程序
2008/04/04 Python
使用python实现扫描端口示例
2014/03/29 Python
Python获取Windows或Linux主机名称通用函数分享
2014/11/22 Python
浅谈Python 中整型对象的存储问题
2016/05/16 Python
详解python里的命名规范
2018/07/16 Python
Python实战之制作天气查询软件
2019/05/14 Python
解决django FileFIELD的编码问题
2020/03/30 Python
Python如何创建装饰器时保留函数元信息
2020/08/07 Python
Shopee越南:东南亚与台湾电商平台
2019/02/03 全球购物
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
给交警的表扬信
2014/01/12 职场文书
商场促销活动策划方案
2014/08/18 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
2015年班组工作总结
2015/04/20 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书
《平行四边形的面积》教学反思
2016/02/16 职场文书
python对文档中元素删除,替换操作
2022/04/02 Python