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第二章
Sep 30 Javascript
js获取select选中的option的text示例代码
Dec 19 Javascript
什么是cookie?js手动创建和存储cookie
May 27 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
使用jquery动态加载Js文件和Css文件
Oct 24 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
js 定位到某个锚点的方法
Nov 19 Javascript
微信小程序 欢迎页面的制作(源码下载)
Jan 09 Javascript
layui的表单提交以及验证和修改弹框的实例
Sep 09 Javascript
p5.js实现故宫橘猫赏秋图动画
Oct 23 Javascript
JavaScript观察者模式原理与用法实例详解
Mar 10 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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
php 中奖概率算法实现代码
2017/01/25 PHP
无语,javascript居然支持中文(unicode)编程!
2007/04/12 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
如何设置一定时间内只能发送一次请求
2014/02/28 Javascript
引用其它js时如何同时处理多个window.onload事件
2014/09/02 Javascript
jquery得到iframe src属性值的方法
2014/09/25 Javascript
JavaScript将字符串转换成字符编码列表的方法
2015/03/19 Javascript
js实现透明度渐变效果的方法
2015/04/10 Javascript
jQuery插件支持同一页面被多次调用
2016/02/14 Javascript
JavaScript实现简单的拖动效果
2016/07/02 Javascript
详解AngularJS ng-class样式切换
2017/06/27 Javascript
webpack之devtool详解
2018/02/10 Javascript
Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
2019/04/11 Javascript
Echarts在Taro微信小程序开发中的踩坑记录
2020/11/09 Javascript
JS实现百度搜索框
2021/02/25 Javascript
python基础教程之基本内置数据类型介绍
2014/02/20 Python
Python在不同目录下导入模块的实现方法
2017/10/27 Python
Python enumerate索引迭代代码解析
2018/01/19 Python
Flask模板引擎Jinja2使用实例
2020/04/23 Python
python实现Oracle查询分组的方法示例
2020/04/30 Python
基于pycharm实现批量修改变量名
2020/06/02 Python
世界汽车零件:World Car Parts
2019/09/04 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
幼儿园毕业寄语
2014/04/03 职场文书
地质工程专业毕业生求职信
2014/08/08 职场文书
工作作风建设心得体会
2014/10/22 职场文书
环卫工作汇报材料
2014/10/28 职场文书
2014年外贸业务员工作总结
2014/12/11 职场文书
校园安全学习心得体会
2016/01/18 职场文书
2016年第十四个公民道德宣传日活动总
2016/04/01 职场文书
2016年社区“我们的节日·中秋节”活动总结
2016/04/05 职场文书
新学期新寄语,献给新生们!
2019/11/15 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
「约定的梦幻岛」作画发布诺曼生日新绘
2022/03/21 日漫