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

时间:2016-11-05 18:59:21

标签: javascript html css

美好的一天!

我偶然发现了一个问题,而我似乎无法将其包裹起来。

假设我正在使用此网址http://example.com/home加载页面。然后我将html加载到我的index.php中,并显示所有附加的css和js。像魅力一样工作,我希望它如何工作。

如果我请求此网址http://example.com/home/test,则会出现此问题。它仍然加载相同的HTML,这就是我使它工作的方式。但现在,它不再加载用于设计的cssjs文件。他们不再拥有旧内容,而是页面本身的内容。要澄清:

我的css最初以及它是如何在第一个网址示例中加载的。

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

第二个网址结果

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

修改

我加载的html文件一遍又一遍,它不会监听url加载文件,它只是require_once相同的html文件。 js和css的路径是static

我的问题:如何加载cssjs文件?如何在加载额外文件时删除/test的效果。

我希望我解释得很好,如果没有,请说出来,我会尽力说清楚。

3 个答案:

答案 0 :(得分:1)

您需要使用绝对路径,例如:

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

答案 1 :(得分:1)

您需要做的是通过指定root来加载css或json文件。例如: 而不是使用:

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

您应该使用:

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

否则,在您的情况下,它将搜索名为http://example.com/home/somecss.css而不是http://example.com/somecss.css的CSS文件

答案 2 :(得分:0)

您必须在该页面上包含js和css文件。

如果你有一个名为my.js的js文件和一个名为style.css的css文件,则在主目录/文件夹中,你想从另一个目录中显示它。然后,你必须在右边的页面上包含它路径。

例如: 家用/ style.css文件 家/ my.js

home /是你js和css我所在的默认文件夹。现在您想从这里显示这些文件: 家/测试/

然后在索引页面(在test /目录上)你必须写

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

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

在页面的<head>标记上。