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兼容性测试实例
Jul 01 Javascript
javaScript中with函数用法实例分析
Jun 08 Javascript
jquery+CSS3模拟Path2.0动画菜单效果代码
Aug 31 Javascript
jqGrid中文文档之选项设置
Dec 02 Javascript
js贪吃蛇游戏实现思路和源码
Apr 14 Javascript
jQuery 跨域访问解决原理案例详解
Jul 09 Javascript
js实现符合国情的日期插件详解
Jan 19 Javascript
layer子层给父层页面元素赋值,以达到向父层页面传值的效果实例
Sep 22 Javascript
Angular ui-roter 和AngularJS 通过 ocLazyLoad 实现动态(懒)加载模块和依赖
Nov 25 Javascript
vue spa应用中的路由缓存问题与解决方案
May 31 Javascript
基于vue-cli3创建libs库的实现方法
Dec 04 Javascript
js观察者模式的弹幕案例
Nov 23 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
使用apache模块rewrite_module (转)
2007/02/14 PHP
PHP实现用户认证及管理完全源码
2007/03/11 PHP
php 获取今日、昨日、上周、本月的起始时间戳和结束时间戳的方法
2013/09/28 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
PHP中mysqli_get_server_version()的实例用法
2020/02/03 PHP
很酷的javascript loading效果代码
2008/06/18 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
2010/08/24 Javascript
JS判断数组中是否有重复值得三种实用方法
2013/08/16 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
2014/11/23 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
初识 Vue.js 中的 *.Vue文件
2017/11/22 Javascript
一个简单的node.js界面实现方法
2018/06/01 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
angular6开发steps步骤条组件
2019/07/04 Javascript
[01:09:24]Ti4开幕式
2014/07/19 DOTA
Python语言技巧之三元运算符使用介绍
2013/03/04 Python
Python中的日期时间处理详解
2016/11/17 Python
Python计时相关操作详解【time,datetime】
2017/05/26 Python
详谈Python中列表list,元祖tuple和numpy中的array区别
2018/04/18 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
Python实现EXCEL表格的排序功能示例
2019/06/25 Python
Django连接数据库并实现读写分离过程解析
2019/11/13 Python
Python基于wordcloud及jieba实现中国地图词云图
2020/06/09 Python
python能自学吗
2020/06/18 Python
大学生农村教师实习自我鉴定
2013/09/21 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
六一儿童节开幕词
2015/01/29 职场文书
工厂仓管员岗位职责
2015/04/01 职场文书
部门2015年度工作总结
2015/04/29 职场文书
2015年客房服务员工作总结
2015/05/15 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
2015年学校医务室工作总结
2015/07/20 职场文书
Python requests库参数提交的注意事项总结
2021/03/29 Python