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 相关文章推荐
基于jquery异步传输json数据格式实例代码
Nov 23 Javascript
js实现div的切换特效上一个下一个
Feb 11 Javascript
js获取当前页面的url网址信息
Jun 12 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
基于JavaScript代码实现自动生成表格
Jun 15 Javascript
JavaScript实现广告弹窗效果
Aug 09 Javascript
JavaScript 控制字体大小设置的方法
Nov 23 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
JS脚本加载后执行相应回调函数的操作方法
Feb 28 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
May 02 Javascript
react native 仿微信聊天室实例代码
Sep 17 Javascript
Node.js利用Express实现用户注册登陆功能(推荐)
Oct 26 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中上传大体积文件时需要的设置
2006/10/09 PHP
PHP 和 MySQL 开发的 8 个技巧
2006/10/09 PHP
基于PHP文件操作的详解
2013/06/05 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
详解PHP如何更好的利用PHPstorm的自动提示
2017/08/18 PHP
详解Laravel服务容器的绑定与解析
2019/11/05 PHP
从javascript语言本身谈项目实战
2006/12/27 Javascript
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
JS继承 笔记
2011/07/13 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
重构Javascript代码示例(重构前后对比)
2013/01/23 Javascript
js改变鼠标的形状和样式的方法
2014/03/31 Javascript
javascript中的正则表达式使用指南
2015/03/01 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
Google 地图API资料整理及详细介绍
2016/08/06 Javascript
jQuery css() 方法动态修改CSS属性
2016/09/25 Javascript
JavaScript实现垂直向上无缝滚动特效代码
2016/11/23 Javascript
Element输入框带历史查询记录的实现示例
2019/01/15 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
vue实现一个6个输入框的验证码输入组件功能的实例代码
2020/06/29 Javascript
基于javascript的无缝滚动动画实现2
2020/08/07 Javascript
Python实现KNN邻近算法
2021/01/28 Python
django ajax发送post请求的两种方法
2020/01/05 Python
python 下载文件的几种方法汇总
2021/01/06 Python
python中的时区问题
2021/01/14 Python
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
介绍一下Java中的static关键字
2012/05/12 面试题
说明书格式及范文
2014/05/07 职场文书
党的群众路线教育实践活动总结大会主持词
2014/10/30 职场文书
绵山导游词
2015/02/05 职场文书
保险公司2016开门红口号集锦
2015/12/24 职场文书
《陶罐和铁罐》教学反思
2016/03/03 职场文书
html+css 实现简易导航栏功能
2021/04/07 HTML / CSS
Redis 哨兵集群的实现
2021/06/18 Redis