Question

我对编程有点新意，我知道这可能是一个相当新的问题要问，但我想我需要有人帮我指点一下？我研究过，但仍然感到困惑。

制作网站时，添加说明，指向不同页面的菜单，html页面相互链接就像....

<ul>
<li><a href="index.html">home</a></li>
<li> <a href="about.html">about</a></li>
</ul>

（例如）...说家的html是主页，在编辑器中标题为index.html。然后说我想添加第二页，关于，我会把它链接到“about.html”正确吗？

...所以我的问题是，我如何应用CSS和JS？因为它已经链接到html文件，我如何将它链接到第二个CSS和JS文件呢？这样我可以在多个页面上拥有CSS和JS吗？

我确信答案有点简单，但我是初学者，非常困惑。救命？谢谢你＆lt; 3

Answer 1

除非您使用服务器端脚本语言或模板引擎，否则您必须在每个HTML页面中包含所需的JS和CSS。

此类HTML页面通常被称为静态HTML

Answer 2

在每个html页面中，您将包含所需的css和javascript。因此，如果您想为每个页面添加不同的css / javascript，只需在相应的html中包含必要的文件，前提是每个页面都是单独的html。

例如：在index.html中你会有

<link rel="stylesheet" href="css/index.css">
<script src="js/index.js"></script>

在你的about.html内你会：

<link rel="stylesheet" href="css/about.css">
<script src="js/about.js"></script>

Answer 3

关联javascript文件：

How do I link a JavaScript file to a HTML file?（第二个答案最简单）

<script type="text/javascript" src="myscript.js"></script>

关联css样式表：

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

*将这两个链接放在要使用它们的html的标题中

Answer 4

示例HTML：

<html>
  <head>

  </head>
  <body>

  </body>
</html>

HTML执行 TOP到BOTTOM ，因此建议在head标签中包含javascript文件，因为它来自正文，因此当你加载html时javascript将可用。

将所有css保存在文本文件中，并将扩展名设为.css，假设（myFile.css）并包含在head标记中

<head>
    <link href="[pathToFile]/myFile.css" rel="stylesheet" type="text/css">
</head>

如果CSS文件在同一路径中，那么

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

对javascript执行相同操作并另存为.js文件（假设myFile.js）

<head>
    <script src="myFile.js" type="text/javascript"></script>
</head>

请转到以下链接以进一步阅读javascript | CSS

Answer 5

您可以将脚本（Javascript）和样式（CSS）放在外部文件中，每个html文件的头部和主体都包含javascript和css文件。对于Javascript，请在页面底部使用脚本标记（以便首先下载页面的其余部分并开始显示），如下所示：

<script src="js/all.min.js"></script>

其中js / all.min.js替换为脚本文件的相对或绝对路径，就像包含图像一样。您可以拥有多个javascript包括：

<script src="js/script1.js"></script>
<script src="js/script2.js"></script>

样式表包含在html文档的头部，靠近，并且看起来像这样：

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

同样，您可以包含多个样式表。

请参阅this W3 article for more information on stylesheets和this stackoverflow post on including javascript。

另外，通常建议您将样式和脚本提取到单独的文件中，以便多个页面可以使用和重用它们。

Answer 6

执行此操作的一种常见方法是在每个HTML页面的link部分添加<head>标记，以便将CSS应用于：

<!DOCTYPE html>
<html>
<head>
    <!-- add the following -->
    <link href='./css/main.css' rel='stylesheet'>
</head>
<body>
    <header>
        <h1> My Great Page </h1>
    </header>
</body>
</html>

除了使用script标记之外，它对JavaScript文件的工作方式类似：

<!DOCTYPE html>
<html>
<head>

    <script src='./js/script.js'></script>
</head>
<body>
    <header>
        <h1> My Great Page </h1>
    </header>
</body>
</html>

注意：您必须使用CSS和JS文件的正确路径替换上面的href="..."和src="..."

Answer 7

CSS和JS文件应该包含在您拥有的每个单独的.html页面中。最干净的方法是将你的css和js代码放在单独的文件中，而不是在html中，这样你就可以重用它。

要包含CSS文件，您必须将此行添加到页面的<head>部分

<head>
    <link rel="stylesheet" type="text/css" href="path-to-your-css-file.css">
</head>

然后，为了包含JS文件，最好的方法是将它包含在<body>标记的末尾，就在</body>之前的这一行：

    <script src="path-to-your-js-file.js"></script>
</body>

您应该在希望加载CSS和JS的每个页面中添加这些内容。也就是说，在index.html和about.html中

如何使用CSS制作多个网页？

7 个答案: