软件测试体系学习及构建（10）-HTML之脚本、字符实体

（10）-HTML之脚本、字符实体


注意：本位仅简单说明和学习，后续会对JavaScript进行深入学习。

1 脚本

1.1 脚本标签

标签说明
<script>定义客户端脚本
<noscript>定义不支持脚本浏览器输出的文本

1.2 script 标签

  • <script> 标签用于定义客户端脚本，如 JavaScript；
  • <script> 元素既可包含脚本语句，也可通过 src 属性指向外部脚本文件；
  • 应用：JavaScript 最常用于图片操作、表单验证以及内容动态更新；
  • 举例：
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>脚本学习</title>
</head>

<body>
    <script>
        document.write("脚本学习！")  //写到 HTML 文档中
        window.alert("脚本学习！")    //弹出警告框
    </script>
</body>

</html>

在这里插入图片描述
在这里插入图片描述

1.3 noscript标签

  • <noscript> 标签提供无法使用脚本时的替代内容；
  • <noscript>元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素；
  • 简单的说：就是浏览器不支持脚本或者禁用脚本时，才会显示 <noscript> 元素中的内容；
  • 举例：
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>脚本学习</title>
</head>

<body>
    <script>
        document.write("脚本学习！")  //写到 HTML 文档中
        window.alert("脚本学习！")    //弹出警告框
    </script>
    <noscript>浏览器不支持脚本的话，这里的内容会显示出来</noscript>
</body>

</html>

在这里插入图片描述

2 字符实体

  • 比如在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签，可以使用&lt;和&gt;表示；
  • 部分字符实体：
结果描述实体名称实体编号
<小于号&lt;&#60;
>大于号&gt;&#62;
空格&nbsp;&#160;
×乘号&times;&#215;
÷除号&divide;&#247;

详细内容后续学习，先了解这么多。

『全栈测试技术，分享，共勉，共进，提升』

【特别说明】：知识来源于网络、各种资料、书本、网站等，本文仅用于学习使用，不做他用，如果涉及版权问题，请联系博主删除，谢谢

posted @ 2021-10-17 15:20  虫无涯  阅读(17)  评论(0)    收藏  举报  来源