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