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 相关文章推荐
phpwind放自动注册方法
Dec 02 Javascript
使用 JScript 创建 .exe 或 .dll 文件的方法
Jul 13 Javascript
使用GruntJS构建Web程序之合并压缩篇
Jun 06 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
jquery实现鼠标点击后展开列表内容的导航栏效果
Sep 14 Javascript
react-router4 配合webpack require.ensure 实现异步加载的示例
Jan 18 Javascript
利用adb shell和node.js实现抖音自动抢红包功能(推荐)
Feb 22 Javascript
通过jquery获取上传文件名称、类型和大小的实现代码
Apr 19 jQuery
Vue前后端不同端口的实现方法
Sep 19 Javascript
vue中v-for循环给标签属性赋值的方法
Oct 18 Javascript
Jquery Datatables的使用详解
Jan 30 jQuery
浅谈vue中resetFields()使用注意事项
Aug 12 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中截取字符串支持utf-8
2007/01/18 PHP
thinkphp中的多表关联查询的实例详解
2017/10/12 PHP
window.open()弹出居中的窗口
2007/02/01 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
js定时器的使用(实例讲解)
2014/01/06 Javascript
Nodejs sublime text 3安装与配置
2014/06/19 NodeJs
Javascript this 关键字 详解
2014/10/22 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
NodeJS父进程与子进程资源共享原理与实现方法
2018/03/16 NodeJs
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
vue下载二进制流图片操作
2020/10/26 Javascript
Vue3+elementui plus创建项目的方法
2020/12/01 Vue.js
Vue中使用wangeditor富文本编辑的问题
2021/02/07 Vue.js
[02:17]2016完美“圣”典风云人物:Sccc专访
2016/12/03 DOTA
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
Python-嵌套列表list的全面解析
2016/06/08 Python
Python RabbitMQ消息队列实现rpc
2018/05/30 Python
Python continue继续循环用法总结
2018/06/10 Python
Python 读取某个目录下所有的文件实例
2018/06/23 Python
django rest framework 实现用户登录认证详解
2019/07/29 Python
python 使用while写猜年龄小游戏过程解析
2019/10/07 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
浅谈python 调用open()打开文件时路径出错的原因
2020/06/05 Python
Python把图片转化为pdf代码实例
2020/07/28 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
boostrap modal 闪现问题的解决方法
2020/09/01 HTML / CSS
简洁自适应404页面HTML好看的404源码
2020/12/16 HTML / CSS
Trench London官方网站:高级风衣和意大利皮夹克
2020/07/11 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
大专应届生个人简历的自我评价
2013/10/15 职场文书
司机岗位职责
2013/11/15 职场文书
部门年终奖分配方案
2014/05/07 职场文书
父亲节活动策划方案
2014/08/24 职场文书
倡议书怎么写?
2019/04/11 职场文书
话题作文之成长
2019/12/09 职场文书