被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打造PHP的AJAX表单提交实例
Nov 03 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
JavaScript检测浏览器cookie是否已经启动的方法
Feb 27 Javascript
js实现的四级左侧网站分类菜单实例
May 06 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
Dec 02 Javascript
jQuery validate验证插件使用详解
May 11 Javascript
分享10个优化代码的CSS和JavaScript工具
May 11 Javascript
浅谈JavaScript变量的自动转换和语句
Jun 12 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
基于BootstrapValidator的Form表单验证(24)
Dec 12 Javascript
jQuery实现的鼠标响应缓冲动画效果示例
Feb 13 jQuery
vue组件中使用props传递数据的实例详解
Apr 08 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 str_pad 函数用法简介
2009/07/11 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
关于JavaScript的gzip静态压缩方法
2007/01/05 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
2015/06/25 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
深入理解JavaScript内置函数
2016/06/03 Javascript
浅谈String.valueOf()方法的使用
2016/06/06 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
Augularjs-起步详解
2016/07/08 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
vue mint-ui学习笔记之picker的使用
2017/10/11 Javascript
Vue3.0中的monorepo管理模式的实现
2019/10/14 Javascript
vue 实现cli3.0中使用proxy进行代理转发
2019/10/30 Javascript
使用pkg打包ThinkJS项目的方法步骤
2019/12/30 Javascript
python实现图片批量剪切示例
2014/03/25 Python
Python中__name__的使用实例
2015/04/14 Python
python魔法方法-自定义序列详解
2016/07/21 Python
Linux下为不同版本python安装第三方库
2016/08/31 Python
python操作 hbase 数据的方法
2016/12/18 Python
Python 逐行分割大txt文件的方法
2017/10/10 Python
机器学习python实战之决策树
2017/11/01 Python
python使用Apriori算法进行关联性解析
2017/12/21 Python
Python3和pyqt5实现控件数据动态显示方式
2019/12/13 Python
详解django中Template语言
2020/02/22 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
如何将Pycharm中调整字体大小的方式设置为&quot;ctrl+鼠标滚轮上下滑&quot;
2020/11/17 Python
英国排名第一的餐具品牌:Denby Pottery
2019/11/01 全球购物
MATCHESFASHION澳大利亚/亚太地区:英国时尚奢侈品电商
2020/01/14 全球购物
RIP版本1跟版本2的区别
2013/12/30 面试题
社区母亲节活动方案
2014/03/05 职场文书
委托书模板
2014/04/04 职场文书
《少年王冕》教学反思
2014/04/11 职场文书
甜品店创业计划书
2014/08/14 职场文书
浅谈Redis跟MySQL的双写问题解决方案
2022/02/24 Redis
html中两种获取标签内的值的方法
2022/06/16 jQuery