javascript - 未链接到 html 页面的本地 CSS 和 JS 文件

Question

我有一个基本的 html 文件，我希望所有其他页面都从中继承某些特征。但是虽然我继承的页面例如。 main.html 可以引用外部链接eg:

<link href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.css" rel="stylesheet">

没问题。但是当我尝试下载 twitter Bootstrap 并将文件存储在与所有其他 html 页面相同的目录中时，它无法链接到该文件，它给了我一个 404 错误。我的文件结构很简单；一个名为 templates 的文件夹，其中包含此目录中的所有 html、css 和 js 文件。

所以我这样做:

 <link href="bootstrap.css" rel="stylesheet" media="screen">

当我尝试这样做时:

<link href="http://localhost/templates/bootstrap.css" rel="stylesheet" media="screen">

我没有收到 404 错误，但是从网页上的查看源代码来看，如果我尝试访问该页面，我会收到一条错误消息:

Firefox can't establish a connection to the server at .

我真的不知道为什么这个“简单”的东西不起作用。

Answer 1

您的 html 中是否有 base 标记？如果是这样，它可能会说 firefox 是一个特定的主机，在哪里可以找到文件，而不是本地主机。尝试在 Firefox 或 Chrome 开发者工具上使用 Firebug 来查看它正在尝试检索哪些 URL。