初识JS

js事件三要素：事件源，事件类型，事件处理
JavaScript的构成：ECMASript，BOM(浏览器对象模型)，DOM(文档对象模型)
五大浏览器内核：safari(webkit),Google(Blink),Opera(presto),Firefox(Gecko),IE(trident).
页面从浏览器地址输入到呈现出来的过程：
一：解析地址 获取端口和ip来读取文件
二：生成DOM Tree 和 CSSTree
三：利用DOM Tree 和 CSSTree生成静态页面
四：js进行逻辑渲染
js语言特点：弱数据类型，解释型，面向对象，脚本语言，安全跨平台
js的三种引入方式：
一：行内引用(不推荐)
<div “javascript:;”> 常用于防止锚点跳转刷新网页

事件类型引入
二：在head标签内定义(推荐)：
否则会造成script标签提前结束。
界面弹框的三种方式：
一：alert() alert执行的时候会阻塞页面的加载
二：confirm() 执行时会返回true/false
三：prompt() 输入框，
控制台输出的几种信息：
一：console.log() 输出日志信息
二：console.error() 输出错误信息
三：console.warn() 输出警告信息
四：console.table({key:value}) 输出表格信息
五：console.clear() 清空控制台信息
往界面上输出信息：
document.write() 可以嵌套标签信息在里面进行渲染，
获取和设置元素内容：
document.querySelector(标签选择器/类选择器/id选择器).innerHTML
document.querySelector(标签选择器/类选择器/id选择器).innerHTML = “”或者.style.stylename=””

querySelector 和 querySelectorAll 的区别：
querySelector选择的标签若存在多个 则只会选择第一个 ，querySelector返回的对象是一个元素对象，直接可以用自己的属性和方法，querySelectorAll选择的是同类型的所有标签，返回的是一个节点列表对象 ，因此可以用遍历的方式取到每一个元素对象，进而再使用属性和方法。
变量：
在严格模式“use strict”下，变量必须用var 命名
有var和没有var的区别
有var声明的变量，有变量提升 ，反之，没有
用var声明的变量 不能用delete删除