一.作用域:
作用域指一个变量的额作用范围。
在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 鼠标按下触发