被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仿Excel表格编辑功能的实现代码
May 01 Javascript
js动态添加事件并可传参数示例代码
Oct 21 Javascript
jquery教程限制文本框只能输入数字和小数点示例分享
Jan 13 Javascript
在javascript中如何得到中英文混合字符串的长度
Jan 17 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
Aug 08 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
记录vue项目中遇到的一点小问题
May 14 Javascript
小程序云开发之用户注册登录
May 18 Javascript
在Vue.js中使用TypeScript的方法
Mar 19 Javascript
vue实现员工信息录入功能
Jun 11 Javascript
vue Cli 环境删除与重装教程 - 版本文档
Sep 11 Javascript
浅析JavaScript中的事件委托机制跟深浅拷贝
Jan 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
谏山创故乡大分县日田市水坝将设立《进击的巨人》立艾伦、三笠以及阿尔敏的铜像!
2020/03/06 日漫
用PHP调用Oracle存储过程
2006/10/09 PHP
php生成随机数或者字符串的代码
2008/09/05 PHP
JavaScript获取页面上某个元素的代码
2011/03/13 Javascript
Textbox控件注册回车事件及触发按钮提交事件具体实现
2013/03/04 Javascript
div模拟选择框示例代码
2013/11/03 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
前端必备插件之纯原生JS的瀑布流插件Macy.js
2017/11/22 Javascript
javascript实现循环广告条效果
2017/12/12 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
解决在vue项目中webpack打包后字体不生效的问题
2018/09/01 Javascript
vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)
2018/10/24 Javascript
angular 服务随记小结
2019/05/06 Javascript
Vue函数式组件的应用实例详解
2019/08/30 Javascript
关于vue里页面的缓存详解
2019/11/04 Javascript
JavaScript字符串转数字的简单实现方法
2020/11/27 Javascript
vue-router懒加载的3种方式汇总
2021/02/28 Vue.js
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
[01:01:24]LGD vs Fnatic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python中的特殊语法:filter、map、reduce、lambda介绍
2015/04/14 Python
Python中max函数用法实例分析
2015/07/17 Python
好用的Python编辑器WingIDE的使用经验总结
2016/08/31 Python
深入理解python中的atexit模块
2017/03/07 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
python logging通过json文件配置的步骤
2020/04/27 Python
Keras Convolution1D与Convolution2D区别说明
2020/05/22 Python
HTML5 canvas基本绘图之填充样式实现
2016/06/27 HTML / CSS
html5写一个BUI折叠菜单插件的实现方法
2019/09/11 HTML / CSS
美国领先的水果篮送货公司和新鲜水果供应商:The Fruit Company
2018/02/13 全球购物
乌克兰电子产品和家用电器购物网站:TOUCH
2019/08/09 全球购物
乡镇网格化管理实施方案
2014/03/23 职场文书
劳资协议书范本
2014/04/23 职场文书
关于学习的演讲稿
2014/05/10 职场文书
2014年幼儿园保育工作总结
2014/12/02 职场文书
稽核岗位职责
2015/02/10 职场文书
贫困证明怎么写
2015/06/16 职场文书