JSP页面中怎么引入js文件?

JSP页面中怎么引入js文件?,第1张

在JSP中引用JS文件的三种方法:

1、如果是直接访问JSP,则使用相对于JSP页面的相对路径:

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

当项目目录如图所示时,则在NewFile.jsp中访问jquery-1.9.1.min.js的方物码法为:

<scripttype="text/javascript"src="../scripts/jquery-1.9.1.min.js"></script>

2、如果是从action跳转至JSP,则使用相对于WEB工程的相对路径罩禅哪:

image_1b18hnotn96o1psa12es191r1ma69.png-7.1kB

如果是从某一个action跳转到NewFile.jsp,则在NewFile.jsp中访问jquery-1.9.1.min.js的方法为:

<scripttype="text/javascript"src="scripts/jquery-1.9.1.min.js"></script>

3、适用于以上两种情况的方法——使用WEB工程的袭拍绝对路径:

<scripttype="text/javascript"src="${pageContext.request.contextPath}/scripts/j

jsp引入js和css等文件的方大启团式如下:

假设文件路径如下:

-webapp

|--MyProject 目录

|--scripts 目录旁猜

---dtree.js 文件

|--styles目录

---main.css 文件

|--pages 目录

---test.jsp 文件

正确访问方式为:

<link type="text/css" rel="stylesheet" href="/MyProject/styles/main.css" />

<script type="text/javascript" src="/MyProject/scripts/dtree.js"></script>

js注释:滚橘

单行注释以//开始;多行注释以/*开始,以*/结束。

js变量:

变量对大小写敏感;

变量必须以字母或下划线开始。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12230125.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存