被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 相关文章推荐
tagName的使用,留一笔
Jun 26 Javascript
js实现在页面上弹出蒙板技巧简单实用
Apr 16 Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 Javascript
javascript验证内容为数字以及长度为10的简单实例
Aug 20 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
深入学习Bootstrap表单
Dec 13 Javascript
详解webpack自动生成html页面
Jun 29 Javascript
inner join 内联与left join 左联的实例代码
Sep 18 Javascript
深入解析vue 源码目录及构建过程分析
Apr 24 Javascript
使用js实现一个简单的滚动条过程解析
Sep 10 Javascript
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
ES6对象操作实例详解
May 23 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
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
那些年一起学习的PHP(三)
2012/03/22 PHP
解析ajax事件的调用顺序
2013/06/17 PHP
php绘制一条直线的方法
2015/01/24 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
PHP中配置IIS7实现基本身份验证的方法
2015/09/24 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
php微信公众平台开发(三)订阅事件处理
2016/12/06 PHP
js编码之encodeURIComponent使用介绍(asp,php)
2012/03/01 Javascript
父节点获取子节点的字符串示例代码
2014/02/26 Javascript
JS 在指定数组中随机取出N个不重复的数据
2014/06/10 Javascript
node.js中的fs.lchown方法使用说明
2014/12/16 Javascript
js编写当天简单日历效果【实现代码】
2016/05/03 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
2017/01/13 Javascript
Vue 2.X的状态管理vuex记录详解
2017/03/23 Javascript
JavaScript生成图形验证码
2020/08/24 Javascript
vue-router重定向和路由别名的使用讲解
2019/01/19 Javascript
pyqt4教程之widget使用示例分享
2014/03/07 Python
Python自定义类的数组排序实现代码
2016/08/28 Python
Python将图片批量从png格式转换至WebP格式
2020/08/22 Python
关于Python中Inf与Nan的判断问题详解
2017/02/08 Python
Python用于学习重要算法的模块pygorithm实例浅析
2018/08/16 Python
python 实现将Numpy数组保存为图像
2020/01/09 Python
在tensorflow中设置保存checkpoint的最大数量实例
2020/01/21 Python
django 数据库 get_or_create函数返回值是tuple的问题
2020/05/15 Python
django haystack实现全文检索的示例代码
2020/06/24 Python
Python图像读写方法对比
2020/11/16 Python
HTML5重塑Web世界它将如何改变互联网
2012/12/17 HTML / CSS
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
iPhoneX安全区域(Safe Area)底部小黑条在微信小程序和H5的屏幕适配
2020/04/08 HTML / CSS
美国值得信赖的婚恋交友网站:eHarmony
2018/10/04 全球购物
中专生自我鉴定
2013/12/17 职场文书
2016年教师节感言
2015/12/09 职场文书
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
2022/01/18 HTML / CSS
豆瓣2021评分最高动画剧集-豆瓣评分最高的动画剧集2021
2022/03/18 日漫
Python matplotlib多个子图绘制整合
2022/04/13 Python