教您去掉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 相关文章推荐
详细介绍8款超实用JavaScript框架
Oct 25 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
jQuery Ajax调用WCF服务详细教程
Mar 31 Javascript
js实现3D图片逐张轮播幻灯片特效代码分享
Sep 09 Javascript
Bootstrap响应式侧边栏改进版
Sep 17 Javascript
AngularJS ng-template寄宿方式用法分析
Nov 07 Javascript
vue.js实现单选框、复选框和下拉框示例
Jul 18 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
JS实现音量控制拖动
Jan 15 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 Javascript
Element InputNumber计数器的使用方法
Jul 27 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
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
2006/09/22 Javascript
js实现图片和链接文字同步切换特效的方法
2015/02/20 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
2015/12/04 Javascript
浅谈javascript中的constructor
2016/06/08 Javascript
jQuery自定义组件(导入组件)
2016/11/08 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
vue2.0路由切换后页面滚动位置不变BUG的解决方法
2018/03/14 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
一个Java程序猿眼中的前后端分离以及Vue.js入门(推荐)
2019/04/19 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
2019/08/09 Javascript
JS实现扫码枪扫描二维码功能
2020/01/03 Javascript
详解Nuxt内导航栏的两种实现方式
2020/04/16 Javascript
Element图表初始大小及窗口自适应实现
2020/07/10 Javascript
小程序实现左滑删除的效果的实例代码
2020/10/19 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
python中from module import * 的一个坑
2014/07/20 Python
Python urllib、urllib2、httplib抓取网页代码实例
2015/05/09 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
python实现快速排序的示例(二分法思想)
2018/03/12 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
canvas实现按住鼠标移动绘制出轨迹的示例代码
2018/02/05 HTML / CSS
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
一份比较全的PHP面试题
2016/07/29 面试题
C,C++的几个面试题小集
2013/07/13 面试题
婚前协议书
2014/04/15 职场文书
关爱老人标语
2014/06/21 职场文书
垃圾桶标语
2014/06/24 职场文书
公司离职证明范本(汇总)
2014/09/10 职场文书
医德医魂心得体会
2014/09/11 职场文书
工作疏忽、懈怠的检讨书
2014/09/11 职场文书
2015年“我们的节日·重阳节”活动总结
2015/07/29 职场文书
服装店员工管理制度
2015/08/07 职场文书
汽车销售员工作总结
2015/08/12 职场文书
学困生帮扶工作总结
2015/08/13 职场文书
vue项目支付功能代码详解
2022/02/18 Vue.js