将外部css / js文件包含到html页面中

时间:2015-11-02 13:07:11

标签: javascript css href

我正在尝试手动将我的CSS和Javascript文件链接到我的HTML脚本,但我从未真正使用来自其他文件夹 /目录的文件。这就是我到目前为止所做的:

<link rel="stylesheet" type="text/css" href="/Desktop/Script/CSS/tempeststyle.css"/>
<link rel=script" type="text/javascript" href="/Desktop/Script/Javascript/tempestscript.js"/>

我从一些消息来源读到,你不必一直在C:/Users开始,或者不同的情况可能适用于不同的系统,但我不确定这些链接是否可以接受他们的方式(即,他们从“/桌面”开始)。这些文件位于桌面上同一文件夹中的单独文件夹中。那么如何将它们包括在内?最好的方式?感谢。

1 个答案:

答案 0 :(得分:3)

如果要从本地路径添加脚本,可以使用相对路径:

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

或来自您的网络根文件夹的相对路径:

<link rel="stylesheet" type="text/css" href="/styles/CSS/tempeststyle.css"/>

或文件系统绝对路径:

<link rel="stylesheet" type="text/css" href="file:///C:/Path/To/Scripts/styles/CSS/tempeststyle.css"/>

如果您使用来自Web服务器的绝对路径,那就更好了:

<link rel="stylesheet" type="text/css" href="http://www.example.com/styles/CSS/tempeststyle.css"/>