被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 相关文章推荐
类之Prototype.js学习
Jun 13 Javascript
JS命名空间的另一种实现
Aug 09 Javascript
jquery判断元素是否隐藏的多种方法
May 06 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 Javascript
使用JavaScript判断用户输入的是否为正整数(两种方法)
Feb 05 Javascript
微信小程序日历组件calendar详解及实例
Jun 08 Javascript
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
vue中如何创建多个ueditor实例教程
Nov 14 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
React.js组件实现拖拽排序组件功能过程解析
Apr 27 Javascript
15分钟上手vue3.0(小结)
May 20 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扩展函数
2006/10/09 PHP
php 替换文章中的图片路径,下载图片到本地服务器的方法
2018/02/06 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
JS之小练习代码
2008/10/12 Javascript
解决js中window.open弹出的是上次的缓存页面问题
2013/12/29 Javascript
文本域光标操作的jQuery扩展分享
2014/03/10 Javascript
JavaScript动态创建div等元素实例讲解
2016/01/06 Javascript
js设置文字颜色的方法示例
2016/12/30 Javascript
JQueryEasyUI框架下的combobox的取值和绑定的方法
2017/01/22 Javascript
Vue监听数组变化源码解析
2017/03/09 Javascript
JavaScript评论点赞功能的实现方法
2017/03/13 Javascript
Vue props用法详解(小结)
2018/07/03 Javascript
vue 左滑删除功能的示例代码
2019/01/28 Javascript
如何用JavaScript实现功能齐全的单链表详解
2019/02/11 Javascript
记一次用vue做的活动页的方法步骤
2019/04/11 Javascript
浅谈layui 数据表格前后台传值的问题
2019/09/12 Javascript
Vue中rem与postcss-pxtorem的应用详解
2019/11/20 Javascript
vue使用原生swiper代码实例
2020/02/05 Javascript
javascript自定义加载loading效果
2020/09/15 Javascript
浅谈vant组件Picker 选择器选单选问题
2020/11/04 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
浅谈Python脚本开头及导包注释自动添加方法
2018/10/27 Python
python爬虫之自制英汉字典
2019/06/24 Python
python中使用you-get库批量在线下载bilibili视频的教程
2020/03/10 Python
python+adb+monkey实现Rom稳定性测试详解
2020/04/23 Python
加拿大便宜的隐形眼镜商店:Clearly
2016/09/15 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
职称自我鉴定
2013/10/15 职场文书
师范院校学生自荐信范文
2013/12/27 职场文书
幼儿园家长评语
2014/02/10 职场文书
软件研发工程师岗位职责
2014/09/30 职场文书
党员群众路线教育实践活动剖析材料
2014/10/10 职场文书
胡雪岩故居导游词
2015/02/06 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
MySQL优化及索引解析
2022/03/17 MySQL
一文了解Java动态代理的原理及实现
2022/07/07 Java/Android