JSP页面前端引入js方式

一、JS引入往往因为路径问题导致失效？根本原因来自于没有对路径结构的认识，本文简单一种简单解决问题，此后本文作为JSP页面语言问题登记博文。

 

二、介绍

1、我项目的文件夹结构为：

项目为传统的web项目，利用maven引入依赖进行搭建和管理。js各个文件都防止在webapp下面。JSP文件防止在webapps的下根目录下。

2、前端引用

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
%>

在JSP的前端页面做如上引入。获取到项目的根目录，这个basePath 则是指向到webapps的根目录上。

3、指向

<script  type=text/javascript language=javascript src='<%=basePath%>/js/models/index.js'></script>

 对于该页面需要引入的index.js ，我放置在文件夹目录(webapps)下面的js文件夹，里面的model中。直接引用即可！

================================================================================================