在HTML中使用JavaScript

最新推荐文章于 2024-09-29 23:48:51 发布

RNGXiaohua

最新推荐文章于 2024-09-29 23:48:51 发布

阅读量162

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.csdn.net/qq_38768811/article/details/100598839

版权

JavaScript学习笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

向HTML页面中插入JavaScript脚本代码，需要使用<script>元素；

1. <script>元素

1）使用<script>元素有两种方法：

a）script 元素中直接包含脚本语句：

<!DOCTYPE HTML>
<html>
    <body>

        <script type="text/javascript">
            document.write("hello world")
        </script>

    </body>
</html>

b）通过 "src" 属性指向外部脚本文件（注：如果使用 "src" 属性，则 <script> 元素中不能再包含额外的JavaScript代码）

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

2）HTML5为<script>元素定义的特有属性：

async（可选）	异步脚本，表示应该立即下载脚本，但不应妨碍页面中的其他操作，下载的同时可以进行页面的其他操作（仅适用于外部脚本）
defer（可选）	延迟脚本，规定当页面完成解析后，再执行脚本（仅适用于外部脚本）
charset（可选）	规定在脚本中使用的字符编码（仅适用于外部脚本）
src（可选）	规定外部脚本的 URL
type（可选）	规定脚本的 MIME 类型（脚本语言的内容类型），type的属性值一般为text/javascript，如果没有写这个属性，其默认值仍然为text/javascript。

注意：

如果 async="async"：脚本相对于页面的其余部分异步地执行（当页面继续进行解析时，脚本将被执行）

如果不使用 async 且 defer="defer"：脚本将在页面完成解析时执行

如果既不使用 async 也不使用 defer：在浏览器继续解析页面之前，立即读取并执行脚本