教您去掉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 相关文章推荐
javascript跑马灯抽奖实例讲解
Apr 17 Javascript
javascript自定义滚动条实现代码
Apr 20 Javascript
JS Array创建及concat()split()slice()的使用方法
Jun 03 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
如何快速上手Vuex
Feb 14 Javascript
Node.js和Express简单入门介绍
Mar 24 Javascript
vue组件watch属性实例讲解
Nov 07 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
使用vue-cli3新建一个项目并写好基本配置(推荐)
Apr 24 Javascript
java实现单链表增删改查的实例代码详解
Aug 30 Javascript
jQuery实现消息弹出框效果
Dec 10 jQuery
jQuery操作元素追加内容示例
Jan 10 jQuery
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利用iframe实现无刷新文件上传功能的代码
2011/09/29 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
使用PHPExcel操作Excel用法实例分析
2015/03/26 PHP
PHP使用OB缓存实现静态化功能示例
2019/03/23 PHP
判断window.onload是否多次使用的方法
2014/09/21 Javascript
chrome不支持form.submit的解决方案
2015/04/28 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
jquery小火箭返回顶部代码分享
2015/08/19 Javascript
JS与Ajax Get和Post在使用上的区别实例详解
2016/06/08 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
vue如何引用其他组件(css和js)
2017/04/13 Javascript
layui 设置table 行的高度方法
2018/08/17 Javascript
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
详解在vue-test-utils中mock全局对象
2018/11/07 Javascript
vue使用localStorage保存登录信息 适用于移动端、PC端
2019/05/27 Javascript
[03:49]辉夜杯现场龙骑士COSER秀情商“我喜欢芬队!”
2015/12/27 DOTA
python新手经常遇到的17个错误分析
2014/07/30 Python
Python实现3行代码解简单的一元一次方程
2014/08/18 Python
Python实现豆瓣图片下载的方法
2015/05/25 Python
python enumerate函数的使用方法总结
2017/11/15 Python
python字符串Intern机制详解
2019/07/01 Python
python根据时间获取周数代码实例
2019/09/30 Python
Django实现文件上传下载功能
2019/10/06 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
Python实现数字的格式化输出
2020/08/01 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
CSS3关于z-index不生效问题的解决
2020/02/19 HTML / CSS
html5使用canvas绘制一张图片
2014/12/15 HTML / CSS
纽约海:Sea New York
2018/11/04 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
幼教个人求职信范文
2013/12/02 职场文书
你懂得怎么写自荐信吗?
2013/12/27 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
幼儿园中秋节活动总结
2015/03/23 职场文书
企业百日安全活动总结
2015/05/07 职场文书