一 js简介

ECMAScript ：由 ECMA-262定义的语言核心功能
文档对象模型（DOM）：提供访问和操作网页的方法；HTML的xml结构映射为多层级节点结构；
浏览器对象模型(BOM)：提供浏览器交互的方法；比如窗口的的移动，缩放，打开，关闭等；

使用 VSCODE软件进行编写代码，安装Live Server 插件便捷式与浏览器交互；

二 script标签

2.1 功能作用

向html中插入 javascript，解释器会自上而下对 <script>标签内容进行解释；

2.2 属性

async : 下载外部脚本，异步，不能保证按照顺序下载
charset : 通过 src 指定字符集
defer : 延迟文档解析完成后再执行
src : 引入外部文件
type : text/javascript , 非 IE 可以使用 application/javascript；

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script type="text/javascript">
        function hello() {
            alert("hello zszxz");
        }
        hello()
    </script>
</body>
</html>

2.3 位置

</script> 标签传统做法放在 head内部，由src 引入外部的js(如果是url则需要可信赖的链接)；

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

</body>
</html>

避免延迟加载放在<body>标签底部

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    
</head>
<body>
<!-- 内容-->
<script type="text/javascript" src="example.js"></script>
</body>
</html>

2.4 特殊字符处理

XHTML协议中 a < b 无法被解析

法一 HTML实体 &lt；

法二

<![CDATA[
code
]]>

2.5 注释

单行注释 //

多行注释

块注释 /** */

2.6文档类型

html5

<!DOCTYPE html>

html4

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//en" "http://www.w3.org/TR/html4/strict.dtd">

2.7 noscript标签

<noscript> 标签用在javascript无效的情况下会出现；

javaScript简介与Script标签(1)