script 标签相对路径如何转换为绝对路径?
在编写 Web 应用程序时,src 属性中的相对路径可以指定从当前页面加载的 JavaScript 文件。但是,有时需要将相对路径转换为绝对路径。该问题是如何将相对路径转换为根路径的,所使用的技术是什么?
解决方案
该技术是使用 <base href="x"/> 标签。该标签通过将绝对路径设置为文档的根文档,将所有相对路径转换为绝对路径。
要将相对路径转换为根路径的绝对路径,请按照以下步骤操作:
在 <head> 标签内添加 <base> 标签:
<head> <base href="https://www.example.com/"> </head>
现在,在使用 src 属性指定 JavaScript 文件路径时,即使相对路径不包含起始斜杠,也会转换为绝对路径:
<script src="application/main.js"></script>
这将产生以下请求:
https://www.example.com/application/main.js