教您去掉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 相关文章推荐
js判断浏览器的比较全的代码
Feb 13 Javascript
你所不了解的javascript操作DOM的细节知识点(一)
Jun 17 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
给easyui的datebox控件添加清空按钮的实现方法
Nov 09 Javascript
详解如何使用Vue2做服务端渲染
Mar 29 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
JavaScript实现预览本地上传图片功能完整示例
Mar 08 Javascript
JavaScript碎片—函数闭包(模拟面向对象)
Mar 13 Javascript
微信小程序pinker组件使用实现自动相减日期
May 07 Javascript
Node.js API详解之 module模块用法实例分析
May 13 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文件读写操作之文件写入代码
2011/01/13 PHP
PHP和Mysqlweb应用开发核心技术 第1部分 Php基础-3 代码组织和重用2
2011/07/03 PHP
Sample script that displays all of the users in a given SQL Server DB
2007/06/16 Javascript
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
2012/03/01 Javascript
jquery 操作DOM案例代码分享
2012/04/05 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
JS脚本defer的作用示例介绍
2014/01/02 Javascript
JS实现倒计时和文字滚动的效果实例
2014/10/29 Javascript
JavaScript页面模板库handlebars的简单用法
2015/03/02 Javascript
jQuery Easyui学习之datagrid 动态添加、移除editor
2016/01/27 Javascript
全面了解JS中的匿名函数
2016/06/29 Javascript
Bootstrap选项卡动态切换效果
2016/11/28 Javascript
JS实现加载时锁定HTML页面元素的方法
2017/06/24 Javascript
redux中间件之redux-thunk的具体使用
2018/04/17 Javascript
小程序测试后台服务的方法(ngrok)
2019/03/08 Javascript
解决node终端下运行js文件不支持ES6语法
2020/04/04 Javascript
[01:08:48]LGD vs OG 2018国际邀请赛淘汰赛BO3 第三场 8.25
2018/08/29 DOTA
python实现的重启关机程序实例
2014/08/21 Python
初学Python实用技巧两则
2014/08/29 Python
Python获取二维矩阵每列最大值的方法
2018/04/03 Python
opencv python 图像轮廓/检测轮廓/绘制轮廓的方法
2019/07/03 Python
超级实用的8个Python列表技巧
2020/08/24 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
Django用内置方法实现简单搜索功能的方法
2020/12/18 Python
10个很棒的 CSS3 开发工具 推荐
2011/05/16 HTML / CSS
美国最受欢迎的童装品牌之一:The Children’s Place
2016/07/23 全球购物
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
欧洲最大的预定车位市场:JustPark
2020/01/06 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
大三自我鉴定范文
2013/10/05 职场文书
服装设计专业求职信
2014/06/16 职场文书
个性车贴标语
2014/06/24 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
运动会开幕式新闻稿
2015/07/17 职场文书