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

一个简单的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同级目录,然后把路径改成如下:

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

    评论
查看更多回答(7条)

报告相同问题?

悬赏问题

  • ¥15 组件库引入并使用在若依框架未展示
  • ¥149 关于#使用python 的Flash Echarts+ajax+mysql动态数据实现饼图#的问题,请各位专家解答!
  • ¥15 RichTextBox中追加文本时报错
  • ¥15 关于c语言的学习问题
  • ¥15 activity升级到flowable工作流act_ge_bytearray的草稿json数据复制到act_de_model 的model_editor_json的脚本
  • ¥15 cvi使用CreateThread创建线程时,出现存储空间不足无法处理此命令的错误
  • ¥15 求苹果推信imessage批量推信技术
  • ¥15 ubuntu 22.04 系统盘空间不足。隐藏的docker空间占用?(相关搜索:移动硬盘|管理系统)
  • ¥15 c++ word自动化,为什么可用接口是空的?
  • ¥15 Matlab计算100000*100000的矩阵运算问题: