zoukankan      html  css  js  c++  java
  • jQuery之JSP加载JS文件不起作用的有效解决方法

    JSP加载JS文件不起作用的有效解决方法

    作者: 字体:[增加 减小] 类型:转载 时间:2014-04-08
    jsp导入jquery文件,老是不起作用,原因在于其不能访问/WEB-INF/目录下的文件,下面有个不错的解决方法,大家可以参考下
     

    目录结构:jsp导入jquery文件,老是不起作用,原因在于:

    复制代码 代码如下:

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


    其不能访问/WEB-INF/目录下的文件,因此需要将加载的js文件其放倒webapp目录。
     
    test.html:

    复制代码 代码如下:


    <%@ page language="java" %>
    <%@ page contentType="text/html; charset=UTF-8" %>
    <%@ page import="java.util.*" %>
    <%@ page isELIgnored="false" %>

    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>

    <%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
    %>

    <html>
    <head>
    <base href="<%=basePath%>" />
    <link rel=stylesheet type="text/css" href="css/style.css"/>
    <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>

    <script type="text/javascript">
    $(document).ready(function() {
    alert("hello, jquery");
    });
    </script>

    <title>登录</title>
    </head>

    <body>
    <p class="error"><%=basePath%></p>
    </body>
    </html>

  • 相关阅读:
    【模板】线段树(区间加)
    【模板】树状数组(区间修改+单点查询)
    【模板】并查集
    【模板】最小生成树
    LOJ #10130 点的距离
    【模板】最近公共祖先(LCA)
    【模板】树状数组
    【模板】堆
    LeetCode 242 Valid Anagram
    LeetCode 171 Excel Sheet Column Number
  • 原文地址:https://www.cnblogs.com/CooderIsCool/p/4739303.html
Copyright © 2011-2022 走看看