JavaScript教程：脚本标签

lea-koofun

墨衍会员 · AI 创作全网分发码龄7年

关注

转载最新推荐文章于 2025-06-09 22:34:56 发布 899 阅读 AI 写同款· GEO 优化 ›

AI权益加码！Claude Code、Cursor等20+工具免费用！购周边限时加赠Coding Plan Lite，畅享主流AI工具！学习进阶更高效！阅读详情

脚本标签

来源：https://www.koofun.com/pro/kfpostsdetail?kfpostsid=32

任何类型的客户端脚本都可以在内部编写。

JavaScript代码也可以嵌入到

示例：

HTML4.x需要脚本标记中的类型属性。该属性用于标识嵌入到脚本标记中的脚本代码的语言。这被具体指定为MIME类型，例如text/javascript、text/EcmaScript、text/VBScript等等。因此，对于JavaScript代码，在html

4.x页面中的Script标记中指定类型为“text/javascript”。

示例：HTML 4.x中的脚本标记：

HTML 5页不需要在

脚本文件

如果不希望在网页中的脚本标记之间编写JavaScript，那么还可以在一个扩展名为.js的单独文件中编写JavaScript代码，然后使用

脚本标记可以在或者标记中出现任意次数。

标记中的脚本标记

您可以将脚本标记写到Head标记中，如下所示。

示例：标记中的脚本标记

<meta name="viewport"content="width=device-width"/>

<title>JavaScript Demo</title>

<script>

    //write JavaScript code here.

</script>

<script src="/PathToScriptFile.js"></<script> @* External JavaScript file *@

<h1> JavaScript Tutorials</h1>

<p>This is JavaScript sample.</p>

在加载和呈现正文html之前，浏览器加载Head标记中的所有脚本。如果在加载窗口时不需要脚本，建议在结束body标记之前包含脚本。

标记末尾的脚本

脚本也可以添加到Body标记的末尾。通过这种方式，您可以确保加载了所有的网页资源，并且可以安全地与DOM交互。

示例：标记末尾的脚本：

<meta name="viewport"content="width=device-width"/>

<title>JavaScript Demo</title>

<h1> JavaScript Tutorials</h1>

<p>This is JavaScript sample.</p>

    <!--Some HTML here.. -->

<script>

    //write JavaScript code here..

</script>

<script src="/PathToScriptFile.js"></<script> @* External JavaScript file *@

因此，您可以在网页中适当的位置使用脚本标记编写JavaScript。

要记住的要点：

1、JavaScript代码必须在

2、外部JavaScript文件(.js)可以使用其中src属性用于指定.js文件的完整路径。

3、HTML 5标准不需要type=“text/javascript”属性，而以前的html标准则需要类型属性。

4、

5、包含在标记中的脚本可能无法访问DOM元素，因为在之前加载。如果脚本代码需要访问DOM元素，则在标记结束之前编写脚本。

收录于