HTML - 如何加载css/javascript文件？

我偶然发现了一个问题，我似乎无法将自己的想法包裹在它的周围。

比方说，我正在用这个网址加载一个页面http://example.com/home。然后我把这个html加载到我的index.php中，并且显示它附有所有的CSS和js。像魅力一样工作，我希望如何工作。

问题是在这里，如果我请求这个网址http://example.com/home/test。它仍然加载相同的HTML，这就是我如何使它工作。但现在，它不再加载用于设计的css和js文件。他们不再拥有旧的内容，而是拥有自己的内容。要清除：

我的css在第一个以及它如何加载在第一个URL的例子。

body{ margin: 0; background:rgb(0,0,1);}

第二网址CSS结果

<html> My html I loaded, but not the css anymore </html>

编辑：

的html文件I负荷在同一一遍又一遍，它不听url到加载一个文件，它只是require_once相同的HTML文件。 js和css的路径是static。

我的问题：如何加载css和js文件？如何在加载额外文件时删除/test的影响。

我希望我解释得很好，如果没有，请说出来，我会尽量使它更清楚。

2016-11-05 Nytrix

是js，和css在'test.html'相同的文件夹中？如果不是，你可能会遇到相对路径问题。 – ncubica

home/test是你有另一个index.php的新目录吗？ ..请显示代码..（你加载css和js的地方） – scaisEdge

你用什么代码加载了家庭/测试中的css和js文件。如果你使用的是像NetBeans这样的IDE，你可以按ctrl +点击查看路径到CSS和js是正确的 –

你需要做的是通过指定的根加载CSS或JSON文件。例如：而不是使用：

<link rel="stylesheet" type="text/css" href="mystyle.css">

你应该使用：

<link rel="stylesheet" type="text/css" href="/mystyle.css">

否则它会在你的情况下，寻找一个CSS文件，该文件被称为http://example.com/home/somecss.css代替http://example.com/somecss.css

2016-11-05 19:06:27 spa900

是的，这解决了我的问题。我会尽快接受它作为答案。 – Nytrix

你要使用绝对路径，例如：

<link rel='stylesheet' href='/css/style.css' type='text/css' media='all' />

2016-11-05 19:05:26 Zach

你有在该页面上包含js和css文件。

说如果你有一个叫做my.js的js文件和一个叫做style.css的css文件，它就是你的主目录/文件夹，你想从另一个目录显示它。然后，你必须将它包含在页面中正确的道路。

例如： home/style.css home/my。js

首页/您是js和css my所在的默认文件夹。现在，你想从这里显示这些文件：家/测试/

那么索引页面（这是在测试/目录下），你必须在的的<head>标签写

for css: 
<link rel="stylesheet" href="../style.css" /> 

for js: 
<script src="../my.js"></script>

上页。

2016-11-05 19:13:33

这不是我正在寻找的东西，我明白你来自哪里。尽管我需要“绝对路径” – Nytrix

回答