在本地运行 HTML 站点时声明 ROOT 文件夹

Question

我有一个简单的静态站点，HTML 页面位于不同的目录中，并且经常通过在浏览器中打开文件在本地运行该站点。

我遇到的问题是浏览器无法识别哪个文件夹是根文件夹，因此任何指向根文件夹 (href="/about.html") 的相对 url 都不起作用。

例如。

我在浏览器中打开这个：file:///X:/DOCS/MySite/Directory1/page.html

在这个“page.html”中我有这个链接：href="/about.html"

我希望链接指向：file:///X:/DOCS/MySite/about.html

但相反，它指向：file:///about.html

我的问题是：我如何告诉浏览器哪个文件夹是根目录？...或者...还有其他方法可以更好地在本地运行我的网站吗？

注意：直到现在，我一直在我的链接结构中使用很多上层目录（“../”）作为解决方法，但这很复杂并导致其他问题，因此能够基于root ("/") 会容易得多。

Answer 1

您可以使用 jQuery/JavaScript 解决它。

$("[href^='root:']").each(function() {
  var newRoot = "http://google.com/";
  $(this).attr("href", newRoot+$(this).attr("href").substr(5))
  return false;
});

这会更改以root: 开头的所有链接，因此使用上面的代码，href="root:index.html" 会变成href="http://google.com/index.html"

但是，这不适用于您稍后使用 JavaScript 添加到页面的任何链接。

http://jsfiddle.net/ptarun/5rztY/1/