教您去掉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 相关文章推荐
用Mootools获得操作索引的两种方法分享
Dec 12 Javascript
JavaScript子类用Object.getPrototypeOf去调用父类方法解析
Dec 05 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
Jquery注册事件实现方法
May 18 Javascript
JavaScript字符串常用的方法
Mar 10 Javascript
BootStrap组件之进度条的基本用法
Jan 19 Javascript
ExtJs的Ext.Ajax.request实现waitMsg等待提示效果
Jun 14 Javascript
vue服务端渲染的实例代码
Aug 28 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
mockjs,json-server一起搭建前端通用的数据模拟框架教程
Dec 18 Javascript
详解vue中的父子传值双向绑定及数据更新问题
Jun 13 Javascript
vue 组件简介
Jul 31 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
《Pokemon Sword·Shield》系列WEB动画《薄明之翼》第2话声优阵容公开!
2020/03/06 日漫
神族 Protoss 剧情介绍
2020/03/14 星际争霸
让PHP更快的提供文件下载的代码
2012/06/13 PHP
php三维数组去重(示例代码)
2013/11/26 PHP
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
ThinkPHP3.1新特性之Action参数绑定
2014/06/19 PHP
非常好用的Zend Framework分页类
2014/06/25 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
PHP将整数数字转换为罗马数字实例分享
2019/03/17 PHP
Jquery 基础学习笔记
2009/05/29 Javascript
jquery使用jxl插件导出excel示例
2014/04/14 Javascript
jQuery中bind()方法用法实例
2015/01/19 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
JavaScript基本类型值-Number类型
2017/02/24 Javascript
jQuery插件echarts实现的循环生成图效果示例【附demo源码下载】
2017/03/04 Javascript
JavaScript+Html5实现按钮复制文字到剪切板功能(手机网页兼容)
2017/03/30 Javascript
Js利用Canvas实现图片压缩功能
2017/09/13 Javascript
Angular2.0实现modal对话框的方法示例
2018/02/18 Javascript
React中使用UEditor百度富文本的方法
2018/08/22 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
[03:02]生活中的Dendi之野外度假篇
2016/08/09 DOTA
零基础写python爬虫之抓取百度贴吧并存储到本地txt文件改进版
2014/11/06 Python
利用Python模拟登录pastebin.com的实现方法
2019/07/12 Python
利用python Selenium实现自动登陆京东签到领金币功能
2019/10/31 Python
python模拟实现分发扑克牌
2020/04/22 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
世界上最大的乐器零售商:Guitar Center
2017/11/07 全球购物
网络安全类面试题
2015/08/01 面试题
EJB3.1都有哪些改进
2012/11/17 面试题
毕业生求职推荐信
2013/11/04 职场文书
整改报告怎么写
2014/11/06 职场文书
2015年父亲节活动总结
2015/02/12 职场文书
护士个人总结范文
2015/02/13 职场文书
元宵节晚会主持词
2015/07/01 职场文书
工作会议简报
2015/07/20 职场文书
毕业生的自我鉴定表范文
2019/05/16 职场文书