您的位置：首页 > Web前端 > JavaScript

Jsp中引用外部文件的方法

2017-03-20 00:00 218 查看

一、前言：

编写web应用时，为了提供代码的复用率，会涉及到外部文件的引用。分为相对路径引用法与绝对路径引用法。

二、基本知识：

1、./当前目录、../父级目录、/根目录

2、目录结构与示例说明：

假如现在要在test.jsp中引用scripts目录下的dtree.js和styles目录下的main.css：

方法一：使用相对于当前文件的相对路径

<link type="text/css" rel="stylesheet" href="../styles/main.css" />
<script type="text/javascript" src="../scripts/dtree.js"></script>

http://localhost:8080/MyProject/test.jsp访问test.jsp时就可以引用到dtree.js和main.css

方法二：使用相对于web工程的相对路径

<link type="text/css" rel="stylesheet" href="styles/main.css" />
<script type="text/javascript" src="scripts/dtree.js"></script>

http://localhost:8080/MyProject可以引用到dtree.js和main.css
缺点：链接存在不固定性，若改变了链接会引用引导不到文件，解决方案如下：固定前缀路径

<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
// 固定相对路径前缀为项目名
<head>
<base href="<%=basePath%>">
</head>

最佳方案：使用web的绝对路径

<link type="text/css" rel="stylesheet" href="/MyProject/styles/main.css" />
<script type="text/javascript" src="/MyProject/scripts/dtree.js"></script>

引用地址：http://m.blog.csdn.net/article/details?id=53035559

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航