jsp引用js和css文件,为什么总是引用失败

html-css012

jsp引用js和css文件,为什么总是引用失败,第1张

jsp引用js和css文件,引用失败的原因大部分是由于路径问题导致，一般有相对路径和绝对路径两种引用方式：

1、相对路径引用js和css的方法：

css：

<link href="css/front/ibd.css" rel="stylesheet" type="text/css" />

js:

<script type="text/javascript" src="js/front/poplayer.js"></script>

前提是js和css跟jsp在同一个目录下

2、绝对应用js和css的方法：

css：

<link href="http://域名:端口/工程名css/front/ibd.css" rel="stylesheet" type="text/css" />

js:

<script type="text/javascript" src="http://域名:端口/工程名/js/front/poplayer.js"></script>

检查以上两种方法是否引用正确。

第一种情况：

一般在学习时，一个tomcat上都跑多个工程，用工程名来区分。

如下:

<script src="<%=request.getContextPath() %>/home/test.js"></script>

第二种情况：

访问JSP文件时，用相对路径引入JS，CSS文件是OK的。

真实项目中, 一个tomcat上要是也跑了多个工程, 并用IP来区分。

在jsp文件中引入css和js文件方法如下：

一：

1， 首先把写好的css样式表内容存为*.css格式。如style.css

2， 在页面中引入这个css 样式文件。用如下的方式引入。

<link rel="stylesheet" href="./css/style.css" type="text/css">

此处的href=”./css/style.css”指的是css文件存放的路径。‘.’请示当前目录（就是与引入 css文件的jsp页面在同一目录）

二：

在jsp页面引入javascript文件与引入css样式文件类似。如下引入；

<script language='javascript' src='js/TreeToc.js'></script>

通过<script>标签的src属性。Javascript文件必须以.js这种形式存放。如上面的TreeToe.js，src属性指向javascript文件的路径。