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 相关文章推荐
IE中直接运行显示当前网页中的图片 推荐
Aug 31 Javascript
JavaScript之IE的fireEvent方法详细解析
Nov 20 Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 Javascript
jquery复选框全选/取消示例
Dec 30 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
JS正则表达式验证中文字符
May 08 Javascript
微信小程序多张图片上传功能
Jun 07 Javascript
EasyUI实现下拉框多选功能
Nov 07 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
解决layui弹框失效的问题
Sep 09 Javascript
vue 父组件通过$refs获取子组件的值和方法详解
Nov 07 Javascript
jquery实现进度条状态展示
Mar 26 jQuery
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实现基于微信公众平台开发SDK(demo)扩展的方法
2014/12/22 PHP
PHP实现蛇形矩阵,回环矩阵及数字螺旋矩阵的方法分析
2017/05/29 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
基于jquery的放大镜效果
2012/05/30 Javascript
javascript全局变量封装模块实现代码
2012/11/28 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
判断数组是否包含某个元素的js函数实现方法
2016/05/19 Javascript
微信小程序 window_x64环境搭建
2016/09/30 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
angular 实时监听input框value值的变化触发函数方法
2018/08/31 Javascript
js中自定义react数据验证组件实例详解
2018/10/19 Javascript
Vue核心概念Action的总结
2019/01/18 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
2019/04/16 Javascript
JavaScript相等运算符的九条规则示例详解
2019/10/20 Javascript
Vue ElementUI实现:限制输入框只能输入正整数的问题
2020/07/31 Javascript
深入Python函数编程的一些特性
2015/04/13 Python
Python编写生成验证码的脚本的教程
2015/05/04 Python
详解Python3定时器任务代码
2019/09/23 Python
tensorflow 实现从checkpoint中获取graph信息
2020/02/10 Python
Tensorflow中的图(tf.Graph)和会话(tf.Session)的实现
2020/04/22 Python
Pycharm安装python库的方法
2020/11/24 Python
Daniel Wellington官方海外旗舰店:丹尼尔惠灵顿DW手表
2018/02/22 全球购物
Wolford法国官网:奥地利奢侈内衣品牌
2020/08/11 全球购物
市场营销专科应届生求职信
2013/11/24 职场文书
求职自荐信范文格式
2013/11/29 职场文书
幼教简历自我评价
2014/01/28 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
工程部部长岗位职责
2015/02/12 职场文书
售后前台接待岗位职责
2015/04/03 职场文书
宪法宣传标语100条
2019/10/15 职场文书
python的变量和简单数字类型详解
2021/09/15 Python
游戏《我的世界》澄清Xbox版暂无计划加入光追
2022/04/03 其他游戏
配置nginx负载均衡
2022/05/06 Servers
MySQL事务的ACID特性以及并发问题方案
2022/07/15 MySQL