Question

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

我遇到的问题是，浏览器无法识别哪个文件夹是ROOT，因此任何指向根文件夹的相对网址（href =＆＃34; /about.html&# 34;）不会起作用。

例如。

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

在此＆＃34; page.html＆＃34;我有这个链接： href =＆＃34; /about.html"

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

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

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

注意：到目前为止，我在链接结构中使用了很多上行目录（＆＃34; ../"）作为解决方法，但这很复杂并导致其他问题，所以能够基于根（＆＃34; /＆＃34;）进行链接会更容易。

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/

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

1 个答案: