defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法


Posted in Javascript onApril 27, 2010

在一个aspx页面中使用了JQuery,但当IE6浏览器打开这个页面的时候会报“Internet Explorer cannot open the Internet site http://localhost:9001/Index.aspx. Operation aborted”的错误,然后就不能正常浏览此页面。如果使用IE7或者IE8就没有此问题。
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法

将所有的js脚本都使用“<!-- -->”标记注释掉(这样虽然会导致问题,但至少可以浏览此页面)。逐个检查后发现了问题所在:

<script src="Jquery/DatePicker/WdatePicker.js" type="text/javascript"></script>

是这行语句引起的问题,注释此行后页面就能正常浏览了。

查询发现是引用的js脚本操作了某个尚未载入的页面元素,这样就很好解决问题,为<script>脚本添加”defer”属性之后,页面可以正常浏览了。

<script defer="defer" src="Jquery/DatePicker/WdatePicker.js" type="text/javascript"></script>

参考资料:

Script中的Defer属性
如果你是一个对系统性能比较关心和在意的人,我想你应该会对Script脚本中的defer属性感兴趣的。
script中的defer属性默认情况下是false的。按照DHTML编程宝典中的描述,对于Defer属性是这样写的:
Using the attribute at design time can improve the download performance of a page because the browser does not need to parse and execute the script and can continue downloading and parsing the page instead.
也就是说:如果是编写脚本的时候加入defer属性,那么浏览器在下载脚本的时候就不必立即对其进行处理,而是继续对页面进行下载和解析,这样会提高下载的性能。
这样的情况有很多种。比如你定义了很多javascript变量,或者在引用文件(.inc)中写了很多的脚本需要处理,那不妨在这些脚本中加入defer属性,对性能的提高肯定有所帮助。
举例如下:
<script language="javascript" defer>
var object = new Object();
....
</script>
因为defer属性默认是为false的,那么在这里<script language="javascript" defer>显式声明defer属性后等同于<script language="javascript" defer=true>
声明了defer属性之后,需要判断是否有别的变量引用了defer脚本块中的变量,否则的话会导致脚本错误的产生。

我抬头仰望,星星给予仰望者光芒……

Javascript 相关文章推荐
理解Javascript_02_理解undefined和null
Oct 11 Javascript
基于jquery的拖动布局插件
Nov 25 Javascript
jquery 插件学习(四)
Aug 06 Javascript
解决js正则匹配换行问题实现代码
Dec 10 Javascript
用jquery模仿的a的title属性(兼容ie6/7)
Jan 21 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
jQuery实现的省市县三级联动菜单效果完整实例
Aug 01 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
Dec 02 Javascript
JS实现一个简单的日历
Feb 22 Javascript
Node Puppeteer图像识别实现百度指数爬虫的示例
Feb 22 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
Sep 16 Javascript
一文读懂ES7中的javascript修饰器
May 06 Javascript
jQuery Lightbox 图片展示插件使用说明
Apr 25 #Javascript
jQuery 表格工具集
Apr 25 #Javascript
基于JQuery.timer插件实现一个计时器
Apr 25 #Javascript
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 #Javascript
一个简单的jQuery插件制作 学习过程及实例
Apr 25 #Javascript
Javascript中的相等与不等运算
Apr 25 #Javascript
下载网站打开页面后间隔多少时间才显示下载链接地址的代码
Apr 25 #Javascript
You might like
phpfans留言版用到的数据操作类和分页类
2007/01/04 PHP
php cli 方式 在crotab中运行解决
2010/02/08 PHP
深入php list()函数的详解
2013/06/05 PHP
php多进程模拟并发事务产生的问题小结
2018/12/07 PHP
微信推送功能实现方式图文详解
2019/07/12 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
js select常用操作控制代码
2010/03/16 Javascript
Jquery插件之打造自定义的select标签
2011/11/30 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
js实现带圆角的多级下拉菜单效果
2015/08/28 Javascript
jQuery基于$.ajax设置移动端click超时处理方法
2016/05/14 Javascript
JS封装的选项卡TAB切换效果示例
2016/09/20 Javascript
使用Ajax与服务器(JSON)通信实例
2016/11/04 Javascript
如何获取元素的最终background-color
2017/02/06 Javascript
js操作二进制数据方法
2018/03/03 Javascript
浅谈JS中this在各个场景下的指向
2019/08/14 Javascript
JS实现的碰撞检测与周期移动完整示例
2019/09/02 Javascript
在Python中调用ggplot的三种方法
2015/04/08 Python
详解django中自定义标签和过滤器
2017/07/03 Python
python实现俄罗斯方块
2018/06/26 Python
解决python中用matplotlib画多幅图时出现图形部分重叠的问题
2019/07/07 Python
QML使用Python的函数过程解析
2019/09/26 Python
django在保存图像的同时压缩图像示例代码详解
2020/02/11 Python
pandas将list数据拆分成行或列的实现
2020/12/13 Python
在Pycharm中安装Pandas库方法(简单易懂)
2021/02/20 Python
CSS3下的渐变文字效果实现示例
2018/03/02 HTML / CSS
使用Html5多媒体实现微信语音功能
2019/07/26 HTML / CSS
波兰家居和花园家具专家:4Home
2019/05/26 全球购物
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
文体活动实施方案
2014/03/27 职场文书
初中三好学生自我鉴定
2014/04/07 职场文书
员工离职感谢信
2015/01/22 职场文书
步步惊心观后感
2015/06/12 职场文书
2016廉洁从政心得体会
2016/01/19 职场文书
Python一行代码实现自动发邮件功能
2021/05/30 Python