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

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>

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

如果是外联css（css文件与html文件分离的），则css中的图片路径是相对于css文件而不是html文件的，比如你附图中的那个png图片，应该位于css文件的上级目录的images子目录的kpjh子目录中，否则就出错。如果网站的目录结构比较复杂，很难理清文件的相对关系，可以使用绝对路径，比如说images目录假如位于网站的根目录，那么你可以用 /images/kpjh/... ，也就是把开头的两个小数点去掉。更保险的办法是在前面加上网址变成完整的url，这样即使图片文件放到其他网站也能调用。如果希望得到更简单的方法，那么可以把css文件与图片文件放在同一个目录，这样css文件中就不需要再写图片的路径了，直接写图片文件名即可！

如果是内联css（css代码直接写到html文件中），则图片路径是相对于html文件的。

所以你要自己检查一下图片路径是否写正确，然后根据我上面的说明进行修改。

---