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

html-css077

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文件的路径。