jsp中的jquery失效以及引入js失败的问题

时间：2022-12-16 21:17:04

　　这段时间在试着看公司用的框架是怎么写的，看到项目中对jquery进一步封装的这一部分，所以自己试着写一些demo来模仿框架中的用法。

　　再一次的，又遇到了一个问题，jsp中引入js的问题，好久没有自己从头一步一步地在jsp中引入js了，怎么弄都没法达到预想的结果。现在把遇到的问题以及解决办法写在这里，以便以后遇到后查看。

jsp中的jquery失效以及引入js失败的问题

　　1.在jsp中，引入js但是浏览器总是报404找不到对应的js的处理办法，

先说结论：js最好还是放在WebContent下，然后clean，如果浏览器报404找不到js，那么就在tomcat服务器对应的项目下看是否有对应的js。

解决办法：jsp中引入js还是写绝对路径比较省事，开始的时候我把js这个文件夹放在项目下，即Wyl下，但是运行项目的时候浏览器总是提示找不到引入的my.js和jquery.js，然后我就在tomcat下看，具体路径E:\apache-tomcat-7.0.65\webapps\Wyl，果然这个路径下没有生成js这个文件夹，所以肯定找不到引入的my.js等了，试了好几次，只有把js文件夹放在WebContent下，然后clean项目后，在
上面的路径下就可以看到引入的js文件夹以及jquery.js等了

　　2.在jsp或者html中，关于jquery选择器失效的问题，比如在以下代码中，

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

 <title>Insert title here</title>

 <script type="text/javascript" src="jquery-2.2.0.js"></script>

 <script type="text/javascript" src="my.js"></script>

 <script type="text/javascript">

     // var len = $("img").length;

     // alert(len);

     // $(function(){

     //     var len = $("img").length;

     //     alert(len);

     // })

     alert($("img").length);//alert出来的总是0 ，

 </script>

 </head>

 <body>

     <form action="tosubmit" method="post" class="yongle">

         账号：<input type="text" name="mingzi" /><br>

         密码：<input type="password" name="mima" /><br>

         <input type="submit" value="登陆" />

     </form>

     <img /> <img />

     <a href="dynamicMethod.do" class="yongle">转到dynamicMethod.jsp</a>

     <a href="dynamicMethod">也是转到dynamicMethod.jsp</a>

     <a href="dynamicMethod.action">哈哈，也是转到dynamicMethod.jsp</a>

 </body>

 <script type="text/javascript">

     alert($("img").length);//alert出来的是预想的 2

 </script>

 </html>

15行，和31行的两个alert，这个应该跟浏览器加载网页的先后步骤有关，我自己理解为：在<head>标签里的<script>代码执行的时候<body>中的代码还没加载出来，所以

jquery选择器肯定选择不到任何元素，因此这个jquery对象的长度就是0，jquery对象实际上是一个数组。

因此如果想一次性避免麻烦，则有两个解决办法，

方法1 ：把<script>标签后移，放在<body>标签后，这样当执行到<script>的时候<body>里的代码已经加载完成，jquery提供的选择器等功能也就能够正常工作了。

实际上，我们现在的这个项目是放在jsp最后的，即body后面的，这种方式比较省事一点。

方法2 ：如果实在要把js代码写在head标签里，可以把js代码写在$(function(){//js代码})。

jsp中的jquery失效以及引入js失败的问题的更多相关文章

  1. 在JSP中使用jQuery的冲突解决（收集整理）

    在JSP中使用<jsp:include page="somethingPage.jsp"></jsp>来嵌套页面的时候,会出现jQuery之间的冲突 解决办 ...

  2. 使用Jquery promise 动态引入js文件

    动态加载一个js得方式很多,如下方式: /** *一般方式加载 */ function normalLoadScript(url) { var node = document.createElemen ...

  3. 在jsp中使用jstl，不使用JS，实现递归，生成N级菜单

    参考材料:  http://blog.csdn.net/kimsoft/article/details/7801564 我的实现: 1.我的recursionMenu.jsp代码如下: <%@ ...

  4. 从servlet向jsp中传数据用Java接收js调用

    servlet: response.sendRedirect("showMessage.jsp?ValueA=1"); jsp: var a=<%=request.getPa ...

  5. jsp引入js文件

    转自:http://blog.csdn.net/ppzhangj/article/details/7859628 1)引入的js文件出错, 检查方法:将Js的内容写在当前的页面的<script& ...

  6. jsp中java代码、jsp代码、js代码执行的顺序

    原理: jsp中的Java代码 -- 服务器端代码 js代码 -- 客户端代码 java是在服务器端运行的代码,jsp在服务器的servlet里运行,而JavaScript和html都是在浏览器端运行 ...

  7. JSP中include指令和include动作区别

    首先 <%@ include file=” ”%>:为指令元素 <jsp:include page=” ” flush=”true”/>:为 动作元素 先说指令元素: incl ...

  8. jsp文件引入js文件的方式（项目部署于web容器中）

    在页面中引入javascript文件的方式是多种多样的,本文介绍两种. 通过<script>标签插入js文件 通过这种方式引入的js,写对js文件和jsp文件的路径很重要.下面给出一个项目 ...

  9. 使用Maven构建Java Web项目时，关于jsp中引入js、css文件路径问题。

    今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上*找到了解决方法,这 ...

随机推荐

  1. 创业草堂之六：CEO的财务自修课

    创业团队中一个最普遍的缺陷,是团队--尤其是团队的核心人物CEO,缺乏基本的财务知识和技能.一个不懂财务知识的CEO,即使业务能力再强,在投资人的眼里,他/她依然是一个笨拙的CEO.粗糙的CEO.鲁莽 ...

  2. Python学习 之 OS模块

    1.目录操作 import os os.mkdir('abc')   #创建abc文件 tree a  #查看目录结构 2.目录遍历 方式一:递归 import os def dirList(path ...

  3. poj1273--Drainage Ditches（最大流Edmond-Karp算法 邻接表实现）

    最大流模板题 大部分Edmond-Karp算法代码都是邻接矩阵实现,试着改成了邻接表. #include <iostream> #include <cstdio> #inclu ...

  4. 35 Search Insert Position&lpar;找到数的位置Medium&rpar;

    题目意思:在递增数组中找到目标数的位置,如果目标数不在数组中,返回其应该在的位置. 思路:折半查找,和相邻数比较,注意边界 class Solution { public: int searchIns ...

  5. os8 location authorization 错误&period;

    今天在XCode6上打开之前写的地图时,给我报这个错 location authorization 去网上查了一番,才知道Xcode6对地图的设置稍有修改 在*上找到了答案 i ...

  6. Linux终端快捷操作汇总

    定位单词 在长段的命令中,使用 Ctrl + ← 和 Ctrl + → 可快速将光标定位到命令中单词的首字母或末尾,实现在各单词之间的快速跳动定位. 你可以试着在终端中输入 apt-get insta ...

  7. Angular17 Angular自定义指令

    1 什么是HTML HTML文档就是一个纯文本文件,该文件包含了HTML元素.CSS样式以及JavaScript代码:HTML元素是由标签呈现,浏览器会为每个标签创建带有属性的DOM对象,浏览器通过渲 ...

  8. myeclipse使用maven整合ssh配置

    最近写项目,由于公司需求,使用myeclispe来开发maven项目,关于maven就不再介绍,无论是jar包管理功能,还是作为版本构建工具,优点自然是很多,下面先贴出所需要的配置文件. maven所 ...

  9. 《Java8实战》读书笔记

    个人感悟: 1.lambda表达式,补充了JAVA在面向对象之外,面向过程的一面.在写面向过程代码的时候更方面了,甚至可以利用代码来做类似数学公式的运算(P64) 2.流,对集合的操作,就像用SQL对 ...

  10. C&num;的可空类型与不可空类型

    null:为空,表示产量没有指向任何对象, 如:string = null; int a = null;//是错的 但可以这样,在类型后面加一个问号. int? a = null;//这就是正确的,是 ...

相关文章