jquery 缺少对象错误

最近这几天写前端jquery用IE调试老是出现“缺少对象”错误，终于找出来原因了。

网友说，”缺少对象“99%的原因是jquery引用路径访问不到。于是我就去看了我的jquery引用路径，果然问题就出在这里。

柯南说：真相只有一个。除去一切不可能情况之后剩下的，无论多么不合理，那就是真相。

众所周知

一、 js、html、图片等静态资源在springMVC里是不能被直接访问到的，因为被Dispatcherservlet拦截了。要想访问需要在spring-mvc.xml中配置。

二、 jsp是不被Dispatcherservlet拦截的，所以用户可以直接通过url访问到jsp文件，为了不让用户直接访问jsp，就把jsp放在WEB-INF下，因为web-inf下的文件不能被直接访问，只能通过controller访问。

说道这里，大部分jquery引用不到的原因也就清晰了

1 把jquery库放在了WEB-INF下

2 jquery库没有放在WEB-INF下，但是没有在spring-mvc.xml中为它所在的文件夹配置静态资源访问

<mvc:resources mapping="/js/**" location="/js/" />

3 由于相对路径不熟悉，引用了错误的路径

这是错误的代码：

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html>
<html>
<head><script src="WEB-INF/jquery-3.2.1.min.js"></script><script type="text/javascript">$(document).ready(function(){$("button").click(function(){$("p").toggle();})});</script>
</head>
<body>
<button type="button">切换</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p></body>
</html>

这是错误的存放位置：

修改后的代码

<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<!DOCTYPE html>
<html>
<head><script src="js/jquery-3.2.1.min.js"></script><script type="text/javascript">$(document).ready(function(){$("button").click(function(){$("p").toggle();})});</script>
</head>
<body>
<button type="button">切换</button>
<p>这是一个段落。</p>
<p>这是另一个段落。</p></body>
</html>

修改后的jquery位置

至此，问题应该能解决了。

如有错误观点，欢迎指正。

jquery 缺少对象错误相关推荐

调用jquery缺少对象
研究了一下午,用jquery调用next()一直提示缺少对象, 最后发现 <base href="<%=basePath%>">这句话,导致<s ...
JavaScript中常见的几种“缺少对象”错误
在JavaScript中,程序调度过程中经常会出现缺少对象错误,这里的对象有时候是变量,有时候是函数,有时候可能是对象等等. 缺少对象错误经常有以下几种情况 1.变量没有定义使用没定义的变量时就会出 ...
当前页的脚本发生错误 ,缺少对象
在<asp:Button ID="lblToInvoic" runat="server" OnClientClick="fff()&quo ...
Microsoft VBScript 运行时错误错误 '800a01a8' 缺少对象: ''
Microsoft VBScript 运行时错误错误 '800a01a8' 缺少对象: '' 通常是这个对象已经关闭了,你现在又关闭一次!!
运行脚本浏览器报“缺少对象”的错误
运行脚本浏览器报"缺少对象"的原因是很多的,今天遇到了一个,以后遇到再记录. 1.在<script>中使用responseXML处理由服务端返回的xml文件,在服务器端 ...
jquery uploadify IE下使用刷新页面时出现SCRIPT5007: 缺少对象
起因:ie多次加载uploadify3.2版本这个组件的时候,出现了SCRIPT5007: 缺少对象．方法: 源代码: SWFUpload.prototype.cleanUp = function( ...
ajax三种错误ie,ie下jquery ajax 80020101错误的解决方法
注意注释删除这些注释就可以了 Windows下一个MySQL有些错误的解决方法 1.无论是什么提示.我们有一个直接看错误日志.由于它描述了最具体描述错误日志. 于MySQL安装文件夹中找到 my.i ...
$(document).ready 缺少对象
今天做把页面的js代码全部放到js文件中.之后出现"缺少对象"的错误. 原来导入引入js时要先引入jquery的js 如下 <script type="text/j ...
论IE8浏览器报错：$未定义及缺少对象问题
论IE8浏览器报错:"$"未定义及缺少对象问题最近在写一段代码的时候,忽然感觉自己写的哪儿哪儿都报错,项目里面明明导入了jquery文件,路径也对,该做的准备工作都做好了,IE8 ...

jquery 缺少对象错误

jquery 缺少对象错误相关推荐

最新文章

热门文章

jquery 缺少对象 错误

jquery 缺少对象 错误相关推荐

最新文章

热门文章

jquery 缺少对象错误

jquery 缺少对象错误相关推荐