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 相关文章推荐
Maps Javascript
Jan 22 Javascript
JavaScript获得选中文本内容的方法
Dec 02 Javascript
Jquery解析json数据详解
Dec 26 Javascript
动态的绑定事件addEventListener方法的使用
Jan 24 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
JavaScript中的函数模式详解
Feb 11 Javascript
BootStrap Validator使用注意事项(必看篇)
Sep 28 Javascript
利用 spin.js 生成等待效果(js 等待效果)
Jun 25 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
Jan 15 Javascript
vuex state中的数组变化监听实例
Nov 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
浅谈ThinkPHP中initialize和construct的区别
2017/04/01 PHP
php PDO判断连接是否可用的实现方法
2017/04/03 PHP
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
avascript中的自执行匿名函数应用示例
2014/09/15 Javascript
javascript实现base64 md5 sha1 密码加密
2015/09/09 Javascript
JavaScript绑定事件监听函数的通用方法
2016/05/14 Javascript
jQuery中on绑定事件后引发的事件冒泡问题如何解决
2016/05/25 Javascript
JavaScript必知必会(五) eval 的使用
2016/06/08 Javascript
javascript中Number的方法小结
2016/11/21 Javascript
jQuery排序插件tableSorter使用方法
2017/02/10 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
BootStrap的两种模态框方式
2017/05/10 Javascript
vue cli 全面解析
2018/02/28 Javascript
Vue实现active点击切换方法
2018/03/16 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
2018/09/03 Javascript
深度了解vue.js中hooks的相关知识
2019/06/14 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
2019/09/10 Javascript
JavaScript封装单向链表的示例代码
2020/09/17 Javascript
解决vue打包 npm run build-test突然不动了的问题
2020/11/13 Javascript
Python的迭代器和生成器
2015/07/29 Python
Python tkinter之ComboBox(下拉框)的使用简介
2021/02/05 Python
h5页面背景图很长要有滚动条滑动效果的实现
2021/01/27 HTML / CSS
实体的生命周期
2013/08/31 面试题
产品促销活动策划书
2014/01/15 职场文书
实习生自我评价
2014/01/18 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
优秀中职教师事迹材料
2014/08/26 职场文书
暑假社会实践证明格式
2014/10/28 职场文书
2015年小学辅导员工作总结
2015/05/27 职场文书
北京爱情故事观后感
2015/06/12 职场文书
掌握这项技巧,一年阅读300本书不是梦
2019/09/12 职场文书
十个Python自动化常用操作,即拿即用
2021/05/10 Python
Redis安装使用RedisJSON模块的方法
2022/03/23 Redis