pla == 美的 family 相关 spa 应该 工程
在编写 web 应用的时候,难免会在一个文件中引用外部的文件,例如样式表 CSS 文件以及一些脚本 js 文件,这样做的目的无疑是提高代码的复用率。但是在引用文件时,一定要引用正确的文件路径,不然是访问不到相关文件的。
总结一下,一共有如下几种方式引用相关文件:
前提:
相关目录结构:
方法一:使用相对于当前文件(源文件)的相对路径
- <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>
但是如上两种方法都有其瓶颈,对于方法一中的相对使用相对于于 jsp 页面的相对路径的这种方式,如果我们是设置 action 跳转到 test.jsp 页面,那么这种使用相对路径的方式就引用不到了。例如我们当访问 http://localhost:8080/MyProject/main.do 的时候,页面跳转到 test.jsp 页面,如果使用方法 1,就引用不到了。如果使用方法 2 这种方式引用,如果直接访问 http://localhost:8080/MyProject/test.jsp,是引用不到的。
那么有没有一种两全其美的方法呢,答案是肯定的,也就是我们的方法三:使用 web 工程的绝对路径
- <link type="text/css" rel="stylesheet" href="/MyProject/styles/main.css"
- />
- <script type="text/javascript" src="/MyProject/scripts/dtree.js">
- </script>
这样,不管是通过 http://localhost:8080/MyProject/main.do 跳转访问 test.jsp 还是直接访问 http://localhost:8080/MyProject/test.jsp,都可以成功引用。 注意:如果我们在部署 Web 应用时,没有设置 Context Root(一般情况下配置为工程名),也就是 IP 和端口后面不带应用名,如 http://localhost:8080/main.do 和 http://localhost:8080/test.jsp,这种情况在引用时就不能带工程名了,应该这样:
- <link type="text/css" rel="stylesheet" href="/styles/main.css" />
- <script type="text/javascript" src="/scripts/dtree.js"></script>
web 中 src 引用文件的路径问题
来源: http://www.bubuko.com/infodetail-2145513.html