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

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

将所有的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脚本块中的变量,否则的话会导致脚本错误的产生。

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

相关文章

  • js实现图片轮播效果

    js实现图片轮播效果

    这篇文章主要介绍了js实现图片轮播效果的相关资料,需要的朋友可以参考下
    2015-12-12
  • javascript实现打砖块小游戏(附完整源码)

    javascript实现打砖块小游戏(附完整源码)

    这篇文章主要为大家详细介绍了javascript实现打砖块小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-09-09
  • 基于js中的原型、继承的一些想法

    基于js中的原型、继承的一些想法

    下面小编就为大家带来一篇基于js中的原型、继承的一些想法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • JavaScript实现九宫格移动拼图游戏

    JavaScript实现九宫格移动拼图游戏

    这篇文章主要为大家详细介绍了JavaScript实现九宫格移动拼图游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • js图片翻书效果代码分享

    js图片翻书效果代码分享

    这篇文章主要介绍了js实现图片翻书效果,代码简单,效果很棒,感兴趣的小伙伴们可以参考一下
    2015-08-08
  • javascript实现电脑和手机版样式切换

    javascript实现电脑和手机版样式切换

    这篇文章主要为大家详细介绍了javascript实现电脑和手机版样式切换,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-11-11
  • 原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

    原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】

    这篇文章主要介绍了原生js实现可兼容PC和移动端的拖动滑块功能,结合实例形式详细分析了javascript事件响应及页面元素属性动态操作实现滑块拖动功能的相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • JS定时器用法分析【时钟与菜单中的应用】

    JS定时器用法分析【时钟与菜单中的应用】

    这篇文章主要介绍了JS定时器用法,结合时钟与菜单中的应用分析了JS中setInterval与setTimeout操作时间的相关技巧,需要的朋友可以参考下
    2016-12-12
  • JavaScript提升机制Hoisting详解

    JavaScript提升机制Hoisting详解

    这篇文章主要介绍了JavaScript提升机制Hoisting详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • bootstrapValidator表单验证插件学习

    bootstrapValidator表单验证插件学习

    这篇文章主要为大家详细介绍了表单验证插件bootstrapValidator的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论