==================================函数的定义================================== function 函数名(参数列表) { 函数体; } 函数分类: 1.无参数无返回值 2.无参数有返回值 3.有参数无返回值 4.有参数有返回值
定义函数的时候,参数叫做形参 调用函数的时候,传递的数据,称之为实参
匿名函数 -- 没有名字的函数 var 变量 = function () { }
注意:匿名函数必须使用变量来接收 此时变量就相当于是函数名
===================================常见事件=================================== var = put = document.getElementById("put");
获取焦点的事件:onfocus put.onfocus = function () { }
失去焦点的事件:onblur put.onblur = function () { }
键盘按下的事件:onkeydown put.onkeydown = function () { }
键盘按压的事件:onkeypress put.onkeyperss = function () { }
键盘抬起时事件:onkeyup put.onkeyup = function () { }
鼠标移入事件:onmouseover put.onmouseover = function () { }
鼠标移动事件:onmounsemove put.onmousemove = function () { }
鼠标移出事件:onmouseleave put.onmunseleave = function () { }
双击事件:ondbclick put.ondbclick = function () { }
==================================自定义对象=================================== 什么是对象:万事万物皆对象. (你能看得见的摸的着的都是对象) 大飞的法拉利 -- 对象 大飞的法拉利属性:轮胎,方向盘,发动机 大飞的法拉利功能:跑,刹车,放音乐,车震
属性就是一个对象与生具有的内容,功能的指的就是对象的行为。
================================DOM的简单事件================================ 这种绑定函数的称之为事件绑定 <button ></button> <script> function touch() { } </script>
这种事件称之为事件派发,给事件关联函数 <button id="btn"></button> <script> btn.onclick = function () { } </script>
=====================================DOM==================================== DOM :Document Object Model(文档对象模型)
如何通过document对象获取到元素 三种方式: 第一种:元素的id属性 第二种:元素的标签名 第三种:元素的class属性
第一种:元素的id属性 返回一个标签对象,HTMLElement对象 var box = document.getElementById("box");
innerHTML获取标签中的内容 alert(box.innerHTML);
第二种:元素的标签名 返回的是一组,指定名称的元素对象 var ps = document.getElementByTagName("p");
整个界面中只有一个p标签,此时这个ps数组中只有一个元素 alert(ps[1].innerHTML);
第三种:元素的class属性 返回的是一个数组 var s = document.getElementByClassName("cls");
alert(s[0].innerText);
===============================DOM操作元素的样式============================== 元素#id名 tab按键 自动生成带有id属性元素 元素.class名 tab按键 自动生成带有class属性元素
操作样式 id名.style.属性名 = "属性值"; id名.style.backgroundColor = "pick";
================================DOM改变元素内容=============================== innerText和innerHTML获取元素内容 innerText和innerHTML还可以被赋值
如果是普通文本innerText和innerHTML作用是一样的
innerHTML如果赋值时有标签,标签文本会被浏览器解析的 innerText如果赋值时有标签,标签文本不会被浏览器解析的
=================================防止加载空对象================================ onload在body内容加载完毕的时候,会触发onload事件 当script脚本放在head标签中时,会产生空对象的情况 |