w405722907
马大头
采纳率59.1%
2017-06-21 08:32

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

  • w405722907 马大头 4年前

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

    点赞 评论 复制链接分享
  • w405722907 马大头 4年前

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

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

    点赞 5 评论 复制链接分享
  • Wyk_yk meRcy94 4年前

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

    点赞 3 评论 复制链接分享
  • w405722907 马大头 4年前

    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啊

    点赞 评论 复制链接分享
  • weixin_36769686 Ami176 4年前

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

    点赞 评论 复制链接分享
  • w405722907 马大头 4年前

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

    点赞 评论 复制链接分享
  • weijunyuan2010 weijunyuan2010 4年前

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

    点赞 评论 复制链接分享
  • strutce 丵鹰 4年前

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

    点赞 评论 复制链接分享

相关推荐