今日学习内容: windows属性和方法 全局中声明的变量(var)就是window的属性,全局声明的函数就是window的方法 我们一般使用的时候都会省略不写window window = { 属性 a: 1, 方法 fn: function () { } } 构造函数和事件中this是指向调用它的对象/事件的调用者(触发者) 一般在写Window属性和方法时,省略Window,它完整的方法写法:Window.fn() 常用的一下事件: | 事件名 | 说明 | ----------- | ------------------------------------ | onclick | 鼠标单击 | ondblclick | 鼠标双击 | onkeyup | 按下并释放键盘上的一个键时触发 | onchange | 文本内容或下拉菜单中的选项发生改变 | onfocus | 获得焦点,表示文本框等获得鼠标光标。 | onblur | 失去焦点,表示文本框等失去鼠标光标。 | onmouseover | 鼠标悬停,即鼠标停留在图片等的上方 | onmouseout | 鼠标移出,即离开图片等所在的区域 | onload | 网页文档加载事件 | onunload | 关闭网页时 | onsubmit | 表单提交事件 | onreset | 重置表单时 焦点事件:光标进行移动时产生的功能 一般分为两类: - 得到焦点:onfocus - 失去焦点 : onblur 当用户输入内容时,需要验证的是this.value。***当用户输入完成后进行验证,即当失去焦点时验证 在调用green时需要提前在css中写入样式,否则无法调用 鼠标经过和移开时触发的事件 onmouseover: 鼠标经过事件 onmouseout :鼠标离开事件 * ==节点:(node.list)== nodeType:节点类型 整个文档(document)就是一个大的节点 div元素叫元素节点 nodeTyep == 1 class='box' id='dv' 属性节点 nodeTyep == 2 我是box元素' 这是文本节点 nodeTyep == 3== 这是一个div 这是注释节点 nodeTyep == 8 父节点: parentNode 亲父亲
|