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

Question

我正在尝试 link 手动 我的 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 或任何不同系统的情况下开始，但我不确定这些 links 是可以接受的（即，它们从“/Desktop”开始）。这些文件位于桌面上同一文件夹内的不同文件夹中。那么如何以最好的方式包含它们？谢谢

Answer 1

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

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

如果您使用网络服务器的绝对路径会更好:

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

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

Include external css/js file into html page

javascript

css

href