教您去掉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 相关文章推荐
了不起的node.js读书笔记之node.js中的特性
Dec 22 Javascript
非常优秀的JS图片轮播插件Swiper的用法
Jan 03 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
vue小白入门教程
Apr 02 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
jQuery实现基本动画效果的方法详解
Sep 06 jQuery
史上最为详细的javascript继承(推荐)
May 18 Javascript
vue按需加载实例详解
Sep 06 Javascript
electron 安装,调试,打包的具体使用
Nov 06 Javascript
JS实现吸顶特效
Jan 08 Javascript
JavaScript变量Dom对象的所有属性
Apr 30 Javascript
解决element-ui的下拉框有值却无法选中的情况
Nov 07 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中使用临时表查询数据的一个例子
2013/02/03 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
js option删除代码集合
2008/11/12 Javascript
js为数字添加逗号并格式化数字的代码
2013/08/23 Javascript
jQuery动态创建html元素的常用方法汇总
2014/09/05 Javascript
node.js中的fs.renameSync方法使用说明
2014/12/16 Javascript
jQuery AJAX timeout 超时问题详解
2016/06/21 Javascript
RequireJS多页面应用实例分析
2016/06/29 Javascript
jQuery简单实现iframe的高度根据页面内容自适应的方法
2016/08/01 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
详解在Javascript中进行面向切面编程
2019/04/28 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
vue实现购物车小案例
2019/09/27 Javascript
下载给定网页上图片的方法
2014/02/18 Python
在Docker上部署Python的Flask框架的教程
2015/04/08 Python
在Python中的Django框架中进行字符串翻译
2015/07/27 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
基于scrapy的redis安装和配置方法
2018/06/13 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
基于python的ini配置文件操作工具类
2019/04/24 Python
使用Python快乐学数学Github万星神器Manim简介
2019/08/07 Python
Python中断多重循环的思路总结
2019/10/04 Python
使用Django搭建网站实现商品分页功能
2020/05/22 Python
美国学校校服,儿童和婴儿服装:Cookie’s Kids
2016/10/14 全球购物
John Varvatos官方网站:设计师男士时装
2017/02/08 全球购物
西班牙英格列斯百货法国官网:El Corte Inglés法国
2017/07/09 全球购物
英国最全面的橄榄球联盟门票网站:Live Rugby Tickets
2018/10/06 全球购物
德国排名第一的主题公园门票网站:Attraction Tickets Direct
2019/09/09 全球购物
财务会计专业毕业生自荐信
2013/10/19 职场文书
关于廉洁的广播稿
2014/01/30 职场文书
刚毕业大学生自荐信范文
2014/02/20 职场文书
考试作弊万能检讨书
2014/10/19 职场文书
小学运动会开幕词
2015/01/28 职场文书
2015年六一儿童节演讲稿
2015/03/19 职场文书
导游词之河北白洋淀
2020/01/15 职场文书