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 相关文章推荐
一个刚完成的layout(拖动流畅,不受iframe影响)
Aug 17 Javascript
JavaScript中的Screen屏幕对象
Jan 16 Javascript
JQuery 中几个类选择器的简单使用介绍
Mar 14 Javascript
JavaScript中Number.MIN_VALUE属性的使用示例
Jun 04 Javascript
浅析Node.js的Stream模块中的Readable对象
Jul 29 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
jquery通过name属性取值的简单实现方法
Jun 20 Javascript
jQuery文字轮播特效
Feb 12 Javascript
JS原生轮播图的简单实现(推荐)
Jul 22 Javascript
vue路由前进后退动画效果的实现代码
Dec 10 Javascript
js在HTML的三种引用方式详解
Aug 29 Javascript
Vue通过阿里云oss的url连接直接下载文件并修改文件名的方法
Dec 25 Vue.js
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 开发环境配置(测试开发环境)
2010/04/28 PHP
PHP之APC缓存详细介绍 apc模块安装
2014/01/13 PHP
带密匙的php加密解密示例分享
2014/01/29 PHP
PHP中获取时间的下一周下个月的方法
2014/03/18 PHP
smarty中post用法实例
2014/11/28 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
PHP7引入的&quot;??&quot;和&quot;?:&quot;的区别讲解
2019/04/08 PHP
PHP使用HTML5 FileApi实现Ajax上传文件功能示例
2019/07/01 PHP
JavaScript 编程引入命名空间的方法与代码
2007/08/13 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
2010/12/15 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
jquery验证手机号码、邮箱格式是否正确示例代码
2013/07/28 Javascript
JS中的异常处理方法分享
2013/12/22 Javascript
js调用iframe实现打印页面内容的方法
2014/03/04 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
2015/08/31 Javascript
BootStrap Fileinput的使用教程
2016/12/30 Javascript
基于jQuery实现手风琴菜单、层级菜单、置顶菜单、无缝滚动效果
2017/07/20 jQuery
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
在vue中实现简单页面逆传值的方法
2017/11/27 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
[48:31]完美世界DOTA2联赛PWL S3 DLG vs Phoenix 第二场 12.17
2020/12/19 DOTA
简单介绍Python中的len()函数的使用
2015/04/07 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
django xadmin中form_layout添加字段显示方式
2020/03/30 Python
python使用requests库爬取拉勾网招聘信息的实现
2020/11/20 Python
污水厂厂长岗位职责
2014/01/04 职场文书
文案策划求职信
2014/03/18 职场文书
美容院店长岗位职责
2014/04/08 职场文书
新闻编辑求职信
2014/04/09 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
2016年教师新年寄语
2015/08/18 职场文书
《飘》英文读后感五篇
2019/10/11 职场文书
配置Kubernetes外网访问集群
2022/03/31 Servers
vue中的可拖拽宽度div的实现示例
2022/04/08 Vue.js