被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 相关文章推荐
javascript编程起步(第五课)
Feb 27 Javascript
在textarea文本域中显示HTML代码的方法
Mar 06 Javascript
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
使用jQuery异步加载 JavaScript脚本解决方案
Apr 20 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
实例详解angularjs和ajax的结合使用
Oct 22 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
JavaScript 数组的进化与性能分析
Sep 18 Javascript
JavaScript数组的5种迭代方法
Sep 29 Javascript
小程序中设置缓存过期的实现方法
Jan 14 Javascript
vue3语法糖内的defineProps及defineEmits
Apr 14 Vue.js
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中的函数-- foreach()的用法详解
2013/06/24 PHP
PHP+AJAX 投票器功能
2017/11/11 PHP
php字符串截取函数mb_substr用法实例分析
2019/06/25 PHP
Javascript 判断是否存在函数的方法
2013/01/03 Javascript
javascript 实现 原路返回
2015/01/21 Javascript
nodejs通过phantomjs实现下载网页
2015/05/04 NodeJs
15个值得开发人员关注的jQuery开发技巧和心得总结【经典收藏】
2016/05/25 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
vue2 全局变量的设置方法
2018/03/09 Javascript
Bootstrap 按钮样式与使用代码详解
2018/12/09 Javascript
JS实现的检验身份证格式并输出出生日期,年龄,性别,出生地示例
2019/05/17 Javascript
vue data对象重新赋值无效(未更改)的解决方式
2020/07/24 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
2020/08/06 Javascript
[01:14:55]EG vs Spirit Supermajor 败者组 BO3 第三场 6.4
2018/06/05 DOTA
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python 实现字符串中指定位置插入一个字符
2018/05/02 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
Python提取频域特征知识点浅析
2019/03/04 Python
Django的models中on_delete参数详解
2019/07/16 Python
分享一个pycharm专业版安装的永久使用方法
2019/09/24 Python
5款实用的python 工具推荐
2020/10/13 Python
python中time.ctime()实例用法
2021/02/03 Python
印度网上购物首选目的地:Flipkart
2016/08/01 全球购物
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
2019年Java面试必问之经典试题
2012/09/12 面试题
物业保安员岗位职责制度
2014/01/30 职场文书
学雷锋演讲稿
2014/03/04 职场文书
yy婚礼主持词
2014/03/14 职场文书
学期评语大全
2014/04/30 职场文书
工会换届选举方案
2014/05/21 职场文书
专科应届毕业生求职信
2014/06/04 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
租房安全协议书
2014/08/20 职场文书
2015年毕业实习工作总结
2015/05/29 职场文书