HTML 脚本

前言

  • JavaScript 使 HTML 页面具有更强的动态和交互性。
标签 描述 备注 🔗
<script> </script> 定义客户端脚本 🔗
<noscript> </noscript> 定义不支持脚本浏览器输出的文本 🔗
  • <script> 元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。

    1
    <script src="/js/script.js"></script>
  • JavaScript 最常用于图片操作、表单验证以及内容动态更新。

  • DHTML 是一种使 HTML 页面具有动态特性的艺术,对大多数人来说,DHTML 意味着 HTML、CSS 和 JavaScript 的组合。

1、< script > 标签

  • 实例

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    <!DOCTYPE html>

    <html>

    <head>
    <meta charset="utf-8" />
    <title>Qian Chia 工作室</title>
    </head>

    <body>
    <script>
    document.write("Hello World!")
    </script>
    </body>

    </html>
  • 效果

2、< noscript > 标签

  • <noscript> 标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。

  • <noscript> 元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。

  • 只有在浏览器不支持脚本或者禁用脚本时,才会显示 <noscript> 元素中的内容。

  • 实例

    1
    2
    3
    4
    5
    <script>
    document.write("Hello World!")
    </script>

    <noscript>抱歉,你的浏览器不支持 JavaScript!</noscript>

3、属性

3.1 < script > 标签属性

属性 描述 备注 🔗
async async 规定异步执行脚本(仅适用于外部脚本) H5 新加 🔗
charset charset 规定在脚本中使用的字符编码(仅适用于外部脚本) 🔗
defer defer 规定当页面已完成解析后,执行脚本(仅适用于外部脚本) 🔗
src URL 规定外部脚本的 URL 🔗
type MIME-type 规定脚本的 MIME 类型 🔗
xml:space preserve HTML5 不支持。规定是否保留代码中的空白

3.2 < noscript > 标签属性

4、HTML 实例

文章目录
  1. 1. 前言
  2. 2. 1、< script > 标签
  3. 3. 2、< noscript > 标签
  4. 4. 3、属性
    1. 4.1. 3.1 < script > 标签属性
    2. 4.2. 3.2 < noscript > 标签属性
  5. 5. 4、HTML 实例
隐藏目录