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

Question

我正在尝试将我的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或不同情况下可能用于不同系统，但我不确定这些链接是否可以接受（即，他们从“/桌面”开始。 这些文件位于桌面上同一文件夹中的单独文件夹中。 因此，如何将他们的最好方法是什么？ 谢谢。

Answer 1

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

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

或来自您的Web根文件夹的相对路径：

<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"/>