被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 相关文章推荐
js判断输入是否为正整数、浮点数等数字的函数代码
Nov 17 Javascript
javascript学习笔记(五) Array 数组类型介绍
Jun 19 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
Javascript中将变量转换为字符串的三种方法
Sep 19 Javascript
vue router 源码概览案例分析
Oct 09 Javascript
Vue仿微信app页面跳转动画效果
Aug 21 Javascript
基于js实现逐步显示文字输出代码实例
Apr 02 Javascript
简单了解Vue computed属性及watch区别
Jul 10 Javascript
vue页面引入three.js实现3d动画场景操作
Aug 10 Javascript
Vue proxyTable配置多个接口地址,解决跨域的问题
Sep 11 Javascript
详解vue中v-for的key唯一性
May 15 Vue.js
js中Map和Set的用法及区别实例详解
Feb 15 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中获取内网用户MAC地址(WINDOWS/linux)的实现代码
2011/08/11 PHP
PHP实现WebService的简单示例和实现步骤
2015/03/27 PHP
php 解决substr()截取中文字符乱码问题
2016/07/18 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
ThinkPHP实现附件上传功能
2017/04/27 PHP
php5对象复制、clone、浅复制与深复制实例详解
2019/08/14 PHP
背景音乐每次刷新都可以自动更换
2007/02/01 Javascript
JavaScript 创建运动框架的实现代码
2013/05/08 Javascript
javascript异步编程的4种方法
2014/02/19 Javascript
Jquery 实现checkbox全选方法
2015/01/28 Javascript
浅谈jQuery的offset()方法及示例分享
2015/07/17 Javascript
深入浅析同源策略和跨域访问
2015/11/26 Javascript
JS常用算法实现代码
2016/11/14 Javascript
微信小程序 特效菜单抽屉效果实例代码
2017/01/11 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
梳理一下vue中的生命周期
2020/12/30 Vue.js
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
python实现合并两个数组的方法
2015/05/16 Python
Python实现二叉树前序、中序、后序及层次遍历示例代码
2019/05/18 Python
Python中字符串与编码示例代码
2019/05/20 Python
tensorboard实现同时显示训练曲线和测试曲线
2020/01/21 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
翻新二手苹果产品的网络领导者:Mac of all Trades
2017/12/19 全球购物
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
一年级班主任感言
2014/03/08 职场文书
优秀乡村医生先进事迹材料
2014/08/23 职场文书
2014年办公室文员工作总结
2014/11/12 职场文书
小学庆六一主持词
2015/06/30 职场文书
九年级历史教学反思
2016/02/19 职场文书
关于公司年会的开幕词
2016/03/04 职场文书
新学期小学班主任工作计划
2019/06/21 职场文书
浅谈sql_@SelectProvider及使用注意说明
2021/08/04 Java/Android
vue实现书本翻页动画效果实例详解
2022/04/08 Vue.js
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技
css弧边选项卡的项目实践
2023/05/07 HTML / CSS