2022-04-17 -- js

js第一天

一、JavaScript
js是一种通常运行在浏览器的脚本编程语言，前端唯一的语言

二、js的组成

1.ECMAScript-JavaScript语言基础

2.Web APIs

2.1-DOM：document object model（页面文档对象模型--浏览器帮我们实体化的一个对象：document）
2.2-BOM: browser object model（浏览器对象模型--浏览器帮我们实体化的一个对象：browser）

3. 作用（做什么？）

监听用户的行为，并让网页作出对应的反馈
网页特效（动画效果）
表单验证 (针对表单数据的合法性进行判断)
数据交互 (获取后台的数据, 渲染到前端)
服务端编程 (node.js)

JavaScript的组成（有什么？）

ECMAScript规范:
规定了js基础语法核心知识。
比如：变量、分支语句、循环语句、对象等等
Web APIs(可操作的实体对象) :
DOM： 操作文档，比如对页面元素进行移动、大小、添加删除等操作
BOM： 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
注意 DOM属于BOM
DOM：document object model （浏览器帮我们实体化为了一个对象：document）
BOM：browser object model（浏览器帮我们实体化为了一个对象：window）

权威网站： MDN

JavaScript 书写位置

目标：知道如何向页面添加 JavaScript

1. -内联 JavaScript

代码写在标签内部
语法：

注意： 此处作为了解即可，我们并不推荐，但是后面vue中会看到这种使用模式

2. -内部 JavaScript

直接写在html文件里，用script标签包住
规范：script标签写在上面

原因一：JavaScript如果 期望修改其下方的 html， 那么它可能由于 html 尚未被加载而失效

原因二：因为script可能会修改dom元素，那么继续解析文档没有多大意义，为了提升性能，浏览器会阻塞文档解析

拓展： alert(‘你好，js’) 页面弹出警告对话框

注意事项

js书写位置，应该在所有的html标签元素之后
我们将