教您去掉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 相关文章推荐
强制设为首页代码
Jun 19 Javascript
Jquery 表单取值赋值的一些基本操作
Oct 11 Javascript
javascript &amp;&amp;和||运算法的另类使用技巧
Nov 28 Javascript
使用JQuery进行跨域请求
Jan 25 Javascript
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 Javascript
js设置组合快捷键/tabindex功能的方法
Nov 21 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
js仿支付宝多方框输入支付密码效果
Sep 27 Javascript
BootStrap Table前台和后台分页对JSON格式的要求
Jun 28 Javascript
Angular7.2.7路由使用初体验
Mar 01 Javascript
vue中渲染对象中属性时显示未定义的解决
Jul 31 Javascript
使用react-virtualized实现图片动态高度长列表的问题
May 28 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
漫荒推荐:画风超赞的国风漫画推荐 超长假期不无聊
2020/03/08 国漫
jQuery html() in Firefox (uses .innerHTML) ignores DOM changes
2010/03/05 Javascript
javascript Array.prototype.slice的使用示例
2013/11/14 Javascript
javascript数据类型示例分享
2015/01/19 Javascript
基于Jquery和CSS3制作数字时钟附源码下载(CSS3篇)
2015/11/24 Javascript
JS实现弹出居中的模式窗口示例
2016/06/20 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
微信小程序之GET请求的实例详解
2017/09/29 Javascript
vue实现类似淘宝商品评价页面星级评价及上传多张图片功能
2018/10/29 Javascript
ES6知识点整理之函数数组参数的默认值及其解构应用示例
2019/04/17 Javascript
解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题
2019/10/27 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
浅谈es6中的元编程
2020/12/01 Javascript
[43:51]2018DOTA2亚洲邀请赛3月30日 小组赛B组 EG VS Secret
2018/03/31 DOTA
python连接池实现示例程序
2013/11/26 Python
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
剖析Django中模版标签的解析与参数传递
2015/07/21 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
django model通过字典更新数据实例
2020/04/01 Python
python 实现图像快速替换某种颜色
2020/06/04 Python
佳能德国网上商店:Canon德国
2017/03/18 全球购物
英国最大的女性服装零售商:Dorothy Perkins
2017/03/30 全球购物
碧欧泉法国官网:Biotherm法国
2019/10/23 全球购物
Ray-Ban雷朋太阳眼镜英国官网:Ray-Ban UK
2019/11/23 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
如何进行有效的自我评价
2013/09/27 职场文书
岗位职责定义及内容
2013/11/08 职场文书
办公室岗位职责
2014/02/12 职场文书
工程安全员岗位职责
2014/03/09 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
高中生综合素质自我评价
2015/03/06 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python