马大头
2017-06-21 08:32
采纳率: 59.1%
浏览 11.0k

一个简单的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>

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

8条回答 默认 最新

  • 马大头 2017-06-22 02:29
    已采纳

    问题已经解决:
    当路径写成:
    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" 也可以正常访问

    已采纳该答案
    打赏 评论
  • 丵鹰 2017-06-21 08:40

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

    打赏 评论
  • weijunyuan2010 2017-06-21 08:40

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

    打赏 评论
  • meRcy94 2017-06-21 08:59

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

    打赏 评论
  • 马大头 2017-06-21 09:04

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

    打赏 评论
  • Ami176 2017-06-21 09:30

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

    打赏 评论
  • 马大头 2017-06-21 09:35

    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啊

    打赏 评论
  • 马大头 2017-06-21 09:44

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

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

    1 打赏 评论

相关推荐 更多相似问题