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

回答