被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用


Posted in Javascript onJanuary 22, 2010

其所用项目由Asp.Net技术开发,仍然使用的Webform作为前端处理,但某些功能包含了jQuery的功能,他遇到的问题就是无论用IE还是Firefox,包含jQuery的那部分页面功能都无法正常使用。

搜索Google后,结果可以归纳为3种:

没有启用FSO功能
IE安全设置级别过高
没有安装MSXML
但针对现在项目检查后,以上均不是问题所在,在项目中带有个测试页面,可以检查服务器端是否能正常运行jQuery,内容和jQuery官方网站的内容一样:

代码

<html> 
<head> 
<script type="text/javascript" src="js/jquery.js" /> 
<script type="text/javascript"> 
$(document).ready(function() { 
$("a").click(function() { 
alert("Hello world!"); 
}); 
}); 
</script> 
</head> 
<body> 
<a href="#">Link</a> 
</body> 
</html>

可无论如何就是不能在IE或火狐中看到jQuery弹出的"OK"提示,我就?辶恕??谑俏抑葱幸韵虏街瑁

下载最新的jQuery脚本替换掉项目中带有的版本
检查每行javascript代码
检查 IE安全设置,设置为最低
…………
均没有见到效果,直到今天突然才发现,该页面调用jQuery 的引用行是这样书写的

<script type="text/javascript" src="js/jquery.js" />

我改成

<script type="text/javascript" src="js/jquery.js" ></script>

“OK”终于弹出来了……

但问题还没有结束,项目开发者是在母版页中包含了jQuery, 源码如下

代码

<asp:ScriptManager ID="ScriptManager1" runat="server" > 
<Scripts> 
<asp:ScriptReference Path="~/js/jquery.js" /> 
</Scripts> 
</asp:ScriptManager>

查阅ASP.NET官方论坛可以看到答案http://forums.asp.net/t/1377657.aspx,我将Script控件属性添加EnablePartialRendering="true" 和 EnableScriptGlobalization="false" 后,一切正常,至此问题全部解决,项目成功部署。
总结:感谢楼下花时间看完我这篇文章,但我查阅了W3C关于html中引用<script>脚本的规范http://www.w3.org/TR/REC-html40/interact/scripts.html#h-18.2.2.3,也未找到<script />这样写法是不符合规范的定义,只看到了提倡尽可能不用闭合标记">"而是用"<"比较好(如“ y < x”比"x > y"好)。
又见留言,再度感谢。但我想表达的意思是,这种写法仅在asp.net环境下会出现问题,如果在php中这样书写<script src='.....' type='text/javascript' />,在apache环境下可以正常运行并得到结果。
Javascript 相关文章推荐
改善用户体验的五款jQuery插件分享
May 22 Javascript
让网页跳转到指定位置的jquery代码非书签
Sep 06 Javascript
Extjs4中的分页应用结合前后台
Dec 13 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
微信JSSDK调用微信扫一扫功能的方法
Jul 25 Javascript
浅谈Angular4中常用管道
Sep 27 Javascript
关于HTTP传输中gzip压缩的秘密探索分析
Jan 12 Javascript
layui 实现自动选择radio单选框(checked)的方法
Sep 03 Javascript
JS实现transform实现扇子效果
Jan 17 Javascript
viewer.js实现图片预览功能
Jun 24 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
vue 实现element-ui中的加载中状态
Nov 11 Javascript
jQuery 入门级学习笔记及源码
Jan 22 #Javascript
JQuery 确定css方框模型(盒模型Box Model)
Jan 22 #Javascript
Jquery实战_读书笔记2 选择器
Jan 22 #Javascript
Jquery实战_读书笔记1—选择jQuery
Jan 22 #Javascript
jquery last-child 列表最后一项的样式
Jan 22 #Javascript
javascript 拖放效果实现代码
Jan 22 #Javascript
JAVASCRIPT style 中visibility和display之间的区别
Jan 22 #Javascript
You might like
新版PHP将向Java靠拢
2006/10/09 PHP
Oracle 常见问题解答
2006/10/09 PHP
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
PHP系列学习之日期函数使用介绍
2012/08/18 PHP
set_exception_handler函数在ThinkPHP中的用法
2014/10/31 PHP
PHP 枚举类型的管理与设计知识点总结
2020/02/13 PHP
jquery异步请求实例代码
2011/06/21 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
使用jQuery.wechat构建微信WEB应用
2014/10/09 Javascript
Json实现异步请求提交评论无需跳转其他页面
2014/10/11 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
jquery $.trim()去除字符串空格的实现方法【附图例】
2016/03/30 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
JavaScript与java语言有什么不同
2016/09/22 Javascript
详解angular element()方法使用
2017/04/08 Javascript
基于jQuery Easyui实现登陆框界面
2017/07/10 jQuery
jQuery之动画ajax事件(实例讲解)
2017/07/18 jQuery
IntersectionObserver实现图片懒加载的示例
2017/09/29 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
2019/10/11 Javascript
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
2019/10/25 Javascript
原生js实现瀑布流效果
2020/03/09 Javascript
微信小程序中data-key属性之数据传输(经验总结)
2020/08/22 Javascript
[01:02:53]DOTA2上海特级锦标赛主赛事日 - 5 总决赛Liquid VS Secret第二局
2016/03/06 DOTA
用Python展示动态规则法用以解决重叠子问题的示例
2015/04/02 Python
深入解析Python中的集合类型操作符
2015/08/19 Python
在python中利用GDAL对tif文件进行读写的方法
2018/11/29 Python
Python实现判断一个整数是否为回文数算法示例
2019/03/02 Python
如何使用Python自动控制windows桌面
2019/07/11 Python
pytorch在fintune时将sequential中的层输出方法,以vgg为例
2019/08/20 Python
pyMySQL SQL语句传参问题,单个参数或多个参数说明
2020/06/06 Python
html5 canvas 使用示例
2010/10/22 HTML / CSS
企划经理的岗位职责
2013/11/17 职场文书
搞笑婚礼主持词
2014/03/13 职场文书
个人作风纪律整顿整改措施
2014/10/25 职场文书
自愿离婚协议书范本
2015/01/26 职场文书