作用域：
作用域指一个变量的额作用范围。
在js 中的一共有两种作用区域：
1.全局作用域
——直接编写在script标签中的js代码，都在全局作用域。
——全局作用域在页面打开时创建，在页面关闭时销毁
——在全局作用域中有一个全局对象window，他代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用。
——在全局作用域中：
创建的变量都会作为window对象的属性保存。
创建的函数都会作为window对象的方法保存
——全局作用域中的变量都是全局变量，
在页面的任意的部分都可以访问的。
2.函数作用域
——调用函数时创建函数作用域，函数执行完毕以后，函数作用域销毁。
——没调用一次函数就会创建一个新的函数作用域，他们之间是相互独立的。
——在函数作用域中可以访问到全局作用域的变量。
在全局作用域中无法访问到函数作用域的变量。
——当在函数作用域操作一个变量时，它会先在自身作用域中寻找，如果有直接使用，如果没有则向上一级作用域中寻找，直到找到全局作用域，如果全局作用域中依然没有找到，则会报错ReferenceError。
——在函数中要访问全局变量可以使用window对象。
获取元素的方式：
一.
1.getElenentsByClassName 根据类名获得某些元素的集合。
2. querySelector 返回制定选择器的第一个元素，切记里面的选择器需要加符号 .box #nav
3.querySelectorAll()返回指定选择器的所有元素对象集合。
二.
1.获取body元素（var bodyEle = document.body）；
2.获取html元素（var htmlEle = document.documentElement）;
事件三要素：
点击一个按钮，弹出对话框
1.事件是由三部分组成①事件源 ②时间类型 ③ 事件处理程序 我们也称为事件三要素。
①：事件源 事件被触发的对象 谁 按钮
②：时间类型 如何触发 什么事件 比如鼠标点击（onclick）还是鼠标经过 还是键盘按下。
③：事件处理程序 通过一个函数赋值的方式 完成。
常见的鼠标事件：
onclick 鼠标点击左键触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点触发
onmousemove 鼠标移动触发
onmouseup 鼠标弹起触发
onmousedown 鼠标按下触发
改变操作元素：
1.innerText 不识别html标签 非标准 去除空格和换行。
2.innerHTML 识别html标签 w3c标准 保留空格和换行的。
播放背景音乐：
<embed>标签
hidden=”true“ 隐藏播放器按钮
hidden=”false“ 显示播放器按钮
autostar="true"意思是打开网页加载完成后自动播放
loop=“true”循环播放
