当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用

Javascript
VB倒计时器和JS当前时间
如何显示当天日期
一种JavaScript的设计模式
js变量作用域及可访问性的探讨
在JavaScript中实现命名空间
删除重复数据的算法
Javascript操纵Cookie实现购物车程序
键盘控制事件应用教程大全
通过JAVASCRIPT读取ASP设定的COOKIE
用函数式编程技术编写优美的 JavaScript
最简短的拖动对象代码实例演示
禁止刷新,回退的JS
js验证表单大全
js验证表单第二部分
DHTML 中的绝对定位
解决FireFox下[使用event很麻烦]的问题
准确获得页面、窗口高度及宽度的JS
js获取单选按钮的数据
检测屏幕分辨率
双击滚屏-常用推荐

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-02-27   浏览: 250 ::
收藏到网摘: n/a

某学员前日实施一个Web项目实施发生了悲剧,找到我求解决,把我也折腾个半死。 其所用项目由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环境下可以正常运行并得到结果。