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和jquery判断浏览器版本等信息
Jul 04 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
Apr 15 Javascript
基于jQuery实现点击弹出层实例代码
Jan 01 Javascript
详解javascript实现自定义事件
Jan 19 Javascript
JavaScript File API文件上传预览
Feb 02 Javascript
微信小程序实战之运维小项目
Jan 17 Javascript
用jQuery旋转插件jqueryrotate制作转盘抽奖
Feb 10 Javascript
Angular客户端请求Rest服务跨域问题的解决方法
Sep 19 Javascript
jQuery图片查看插件Magnify开发详解
Dec 25 jQuery
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
Nuxt v-bind绑定img src不显示的解决
Dec 05 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
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
php 文件上传代码(限制jpg文件)
2010/01/05 PHP
全局记录程序片段的运行时间 正确找到程序逻辑耗时多的断点
2011/01/06 PHP
PHP动态地创建属性和方法, 对象的复制, 对象的比较,加载指定的文件,自动加载类文件,命名空间
2016/05/06 PHP
php实现登录tplink WR882N获取IP和重启的方法
2016/07/20 PHP
laravel实现前后台路由分离的方法
2019/10/13 PHP
防止动态加载JavaScript引起的内存泄漏问题
2009/10/08 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
JS调试必备的5个debug技巧
2014/03/07 Javascript
javascript:void(0)的问题使用探讨
2014/04/10 Javascript
Firefox下无法正常显示年份的解决方法
2014/09/04 Javascript
Javascript访问器属性实例分析
2014/12/30 Javascript
JavaScript转换二进制编码为ASCII码的方法
2015/04/16 Javascript
javascript中返回顶部按钮的实现
2015/05/05 Javascript
JavaScript生成福利彩票双色球号码
2015/05/15 Javascript
基于BootStarp的Dailog
2016/04/28 Javascript
nodejs实现一个word文档解析器思路详解
2018/08/14 NodeJs
解决layui数据表格Date日期格式的回显Object的问题
2019/09/19 Javascript
js实现旋转的星空效果
2019/11/01 Javascript
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
python实现批量监控网站
2016/09/09 Python
利用Python2下载单张图片与爬取网页图片实例代码
2017/12/25 Python
Django读取Mysql数据并显示在前端的实例
2018/05/27 Python
Pytorch Tensor基本数学运算详解
2019/12/30 Python
python如何使用代码运行助手
2020/07/03 Python
python re.match()用法相关示例
2021/01/27 Python
Canvas图片分割效果的实现
2019/07/29 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
2020/05/28 HTML / CSS
印度婴儿用品在线商店:Firstcry.com
2016/12/05 全球购物
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
什么是静态路由,其特点是什么?什么是动态路由,其特点是什么?
2013/07/26 面试题
《春晓》教学反思
2014/04/20 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
应急管理工作总结2015
2015/05/04 职场文书
浅谈MySQL函数
2021/10/05 MySQL