被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 Template对象 学习
Jul 19 Javascript
jQuery自带的一些常用方法总结
Sep 03 Javascript
Javascript Object 对象学习笔记
Dec 17 Javascript
详解JavaScript中localStorage使用要点
Jan 13 Javascript
微信小程序 教程之wxapp视图容器 scroll-view
Oct 19 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
Bootstrap table使用方法详细介绍
Dec 09 Javascript
Vuex简单入门
Apr 19 Javascript
Node.js搭建小程序后台服务
Jan 03 Javascript
Node.js实现注册邮箱激活功能的方法示例
Mar 23 Javascript
对vue中v-if的常见使用方法详解
Sep 28 Javascript
如何通过Proxy实现JSBridge模块化封装
Oct 22 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.NET的入门教程
2006/10/09 PHP
php网上商城购物车设计代码分享
2012/02/15 PHP
PHP的Yii框架中View视图的使用进阶
2016/03/29 PHP
php 时间time与日期date之间的使用详解及区别
2016/11/07 PHP
Prototype Date对象 学习
2009/07/12 Javascript
一样的table?不一样的table(可编辑状态table)
2012/09/19 Javascript
chrome下jq width()方法取值为0的解决方法
2014/05/26 Javascript
jquery调取json数据实现省市级联的方法
2015/01/29 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
Bootstrap模态框禁用空白处点击关闭
2016/10/20 Javascript
浅谈React组件之性能优化
2018/03/02 Javascript
浅谈webpack性能榨汁机(打包速度优化)
2019/01/09 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
2020/08/12 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
2021/02/07 Vue.js
python3利用smtplib通过qq邮箱发送邮件方法示例
2017/12/03 Python
TensorFlow搭建神经网络最佳实践
2018/03/09 Python
解决python字典对值(值为列表)赋值出现重复的问题
2019/01/20 Python
PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形
2019/05/13 Python
python 批量解压压缩文件的实例代码
2019/06/27 Python
Python中新式类与经典类的区别详析
2019/07/10 Python
python代码xml转txt实例
2020/03/10 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python+MySQL随机试卷及答案生成程序的示例代码
2021/02/01 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
Soft Cotton捷克:来自爱琴海棉花的浴袍
2017/02/01 全球购物
美体小铺美国官网:The Body Shop美国
2017/11/10 全球购物
承诺书格式范文
2014/06/03 职场文书
三严三实对照检查材料
2014/09/22 职场文书
中学生旷课检讨书2篇
2014/10/09 职场文书
公司门卫岗位职责
2015/04/13 职场文书
交通事故案件代理词
2015/05/23 职场文书
论文评审意见
2015/06/05 职场文书
防震减灾主题班会
2015/08/14 职场文书
SQLServer中exists和except用法介绍
2021/12/04 SQL Server