将 .js 文件链接到我的 .html 文件的正确方法是什么？答案

【问题标题】：What is the proper way to link a .js file to my .html file?将 .js 文件链接到我的 .html 文件的正确方法是什么？
【发布时间】：2016-09-21 06:12:18
【问题描述】：

我的 .css 已经链接。找不到如何正确链接.js。

<html>

    <head>
        <title>Final</title>
        <link rel="stylesheet" type="text/css" href="final.css">
    </head>

    <body>
    </body>

</html>

【问题讨论】：

developer.mozilla.org/en/docs/Web/HTML/Element/script 。阅读本文。
Where is the best place to put <script> tags in HTML markup?的可能重复
请在提问前搜索堆栈溢出
How do I link a Javascript file to a HTML file?的可能重复

标签： javascript html

【解决方案1】：

通过使用脚本标签。 (MDN Reference)

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

以上是简单、简短的回答。

对于大多数 JavaScript，标准做法往往是将脚本标记放在正文的底部或将其“推迟”在头部。这样一来，JavaScript 的加载就不会减慢页面本身的加载速度。要执行上述任一操作，请参阅以下内容：

<head>
    <!-- OTHER HTML STUFF! -->

    <!-- This particular script will be deferred after document parsing. -->
    <script src="filename.js" type="text/javascript" defer></script>
</head>
<body>
    <!-- STRUCTURE AND SUCH OF PAGE -->

    <!-- This particular script will load after the body. -->
    <script src="filename.js" type="text/javascript"></script>
</body>

策略比较多，各有优缺点，也是比较深奥的话题，不过以上的基础应该是不错的标准做法。

可以看here一个优秀而简洁的主题总结。

【讨论】：

【解决方案2】：

<script> 标签 (reference)：

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

【讨论】：

【解决方案3】：

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

【讨论】：