HTML 脚本

script 元素用于在 HTML 文档中嵌入或引用JavaScript,以添加交互性或影响网页的行为。

客户端脚本

客户端脚本是指由用户的 Web 浏览器执行的计算机程序的类型。JavaScript 是 Web 上最流行的客户端脚本语言。

JavaScript 的常见用途是表单验证,生成弹出警报框消息、创建图库、内容的动态更改等。

将脚本添加到 HTML 文档

<script> 元素用于定义客户端脚本。

以下示例中的脚本编写 Hello World! 到 HTML 输出:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Embedded JavaScript Example</title>        
</head>
<body>
    <script type="text/javascript">
        document.write("Hello World!");
    </script>
</body>
</html>

提示: 理想情况下,脚本应放在页面底部,因为脚本会阻止并行下载。这将使你的网页加载速度更快。

调用外部脚本

你还可以将脚本放在单独的文件中,然后通过 HTML 文档中的 src 属性调用该文件。如果你希望多个文档可以使用相同的脚本,这将非常有用 - 它可以避免你反复重复执行相同的任务,并使你的网站更易于维护。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>External JavaScript Example</title>        
</head>
<body>
    <script type="text/javascript" src="hello.js"></script>
</body>
</html>

HTML noscript 元素

<noscript> 元素用于为在浏览器中禁用脚本或具有不支持客户端脚本的浏览器的用户提供备用内容。

noscript 元素可以包含你在普通 HTML 页面元素中在 <body> 包含的所有 HTML 元素。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>No-script Example</title>        
</head>
<body>
    <script type="text/javascript">
        document.write("Hello World!");
    </script>
    <noscript>
        <p>Sorry, your browser does not support JavaScript!</p>
    </noscript>
</body>
</html>

注意:仅当脚本不受支持或在用户的浏览器中禁用时,才会显示 noscript 元素内的内容。