JS简史

JavaScript组成

浏览器	内核	JS引擎
IE	Trident内核	JScript
Firefox（火狐）	Gecko内核，俗称火狐内核	Firefox3.0以下 ：SpiderMonkey ； Firefox3.1及以上 ：TraceMonkey
Google Chrome（谷歌）	Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核	V8
Safari（苹果）	Webkit内核	Safari 3.1 及以下：JavaScriptCore ；Safari 4.0 ：SquirrelFish
Opera（欧朋）	最初是自己的Presto内核，后来是Webkit内核，现在是Blink内核	Opera 9.5 及以上：Futhark

JavaScript：

1. ECMAScript（核心语言功能）
   1. 类型
   2. 语法
   3. 语句
   4. 关键字
   5. 保留字
   6. 操作符
   7. 对象
2. 文档对象模型 DOM（操作网页内容）
   1. 多节点结构（增、删、改、查）
3. 浏览器对象模型 BOM（与浏览器交互）
   1. 操作、访问浏览器窗口、框架

1. ECMAScript：定义了JavaScript的语法规则，描述了语言的基本语法和数据类型
2. BOM 浏览器对象模型
	-有一套成熟的可操作的浏览器API，通过BOM可操作浏览器
3. DOM 文档对象模型
	-有一套成熟的可操作页面元素的API，通过DOM操作页面中的元素

总结： JS就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果

JavaScript作用

1. 常见网页效果（表单验证、轮播图）
2. 与H5结合实现游戏
3. 实现应用级别的程序
4. 实现图表统计效果
5. 实现人工智能
6. 后端开发、APP开发、PC端开发

书写位置

行内式（不推荐）

• 写在标签上的js代码需要依靠事件（行为）来触发

    <a href="javascript:alert('弹出层');">点击弹出</a>
    <div onclick="alert('弹出层')">点击弹出</div>

内嵌式

• 会在页面打开时直接出发代码

    <script>
        alert('hello world')
    </script>

外联式

• 将js代码引入html页面就会在页面打开时触发
• 新建一个.js后缀的文件，在该文件内写js代码，再将写好的JS文件引入HTML页面

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.14/dist/vue.js"></script>