一个简单的jsp页面引入jquery不起作用的问题

问题描述：

如下,在jsp页面引入了jquery文件,按住ctrl然后鼠标左键点击路径可以正确进入jquery文件,但是jquery在页面上不起任何效果,也不会alert出111是什么原因

 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>登陆页面</title>
    <script type="text/javascript" src="/WEB-INF/js/jquery-3.2.1.min.js"></script>

  </head>



  <script type="text/javascript">

    $(document).ready(function(){
        alert("111");
    });

  </script>


  <body>
    <form action="${pageContext.request.contextPath}/login.action" method="post" >
        <table>
            <tr>
                <td>用户名</td>
                <td>
                    <input type="text" name="username" id="username"/>
                </td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input type="password" name="password" id="password"/>
                </td>
            </tr>
            <tr>
                <td><input type="submit" value="登陆"/></td>
            </tr>
        </table>
    </form>

  </body>
</html>

答

问题已经解决:
当路径写成:
src="/js/jquery-3.2.1.min.js" 就会自动到localhost:8080/js/jquery......下面找,这时需要在路径前面添项目名称才可以正确访问
当路径写成:
src="./js/jquery-3.2.1.min.js" 在/前面加个. 就表示在当前路径下找,可以正常访问
当路径写成:
src="js/jquery-3.2.1.min.js" 也可以正常访问

答

把你的form表单的那一块代码先删掉，看看有没有执行，

答

应该是没有引用到你用的那个编辑器，是idea吗？
它有时候就是那样的，换下相对路径试试。

答

静态文件不能放在WEB-INF下，这样浏览器请求不到。你放在外面就可以了。

答

页面已经加载完毕显示了,但是js代码一点都不执行

答

1.jQuery 高版本不支持IE低版本浏览器，考虑换个浏览器访问页面
2.页面上F12打开控制台，刷新页面，看看console报不报错，有么有404
3.引用的文件可以用相对路径，但是不要放入在WEB-INF下。按照常规的做法css和js是放在WEB-INF的上一级目录中的（重要！！！）

答

Failed to load resource: the server responded with a status of 404 (Not Found)
http://localhost:8080/js/jquery-3.2.1.min.js

F12控制台报了个错,怎么会直接跳过项目路径去找js啊

答

各位大神,我解决了,把js文件夹放到跟WEB-INF同级目录,然后把路径改成如下:

就可以成功了,但是这是为什么呢...

一个简单的jsp页面引入jquery不起作用的问题

相关推荐