使用网站绝对 URL 链接到 CSS/JS 文件答案

【问题标题】：Linking to CSS/JS file using the websites absolute URL使用网站绝对 URL 链接到 CSS/JS 文件
【发布时间】：2011-05-15 09:42:36
【问题描述】：

我想知道最好的方法是什么。例如

<script type="text/javascript" src="<%= GetBaseURL() %>Scripts/jquery-1.4.1.min.js"></script>

渲染

<script type="text/javascript" src="http://www.mywebsite.com/Scripts/jquery-1.4.1.min.js"></script>

这样做有什么危险或性能损失吗？

【问题讨论】：

标签： .net asp.net html absolute-path

【解决方案1】：

一点也不。无论如何，浏览器都会在一天结束时将其解析为。

【讨论】：

【解决方案2】：

这样做有什么危险或性能损失吗？

没有。指定相对 URL 还是绝对 URL 无关紧要：无论如何，浏览器都会将其转换为绝对 URL。

使用绝对 URL 有一个好处：它可以在必要时轻松将所有静态资源移动到不同的服务器（例如，遵循 Google 的页面优化规则）。如果变量可用，这是一件好事。

【讨论】：

【解决方案3】：

您甚至可以使用从网络根目录开始的相对 url：

/Scripts/jquery-1.4.1.min.js
^-- note the slash at the beginning

无论你的页面在哪个目录下，总是被翻译到服务器上的相同路径：换句话说，无论文档是在http://example.com/some/path/index.html还是http://example.com/index.html，浏览器都会将/Scripts/jquery-1.4.1.min.js解析为@987654325 @ - 仅使用基础文档的协议和域，忽略路径。

【讨论】：

不幸的是，如果站点托管在虚拟目录中，那就不好了。
@Jamie Carruthers：恐怕我不太明白你的意思——想详细说明一下吗？浏览器不区分网站的托管方式。它采用文档的域（例如www.example.com），预先添加协议（http://）并附加路径（/Scripts/jquery-1.4.1.min.js）。