JavaScrip_12.23

• 笔记系列，零散的知识点，准备以后复习整理使用

JavaScrip - 事件DOM绑定【将函数添加到一个元素对象的属性中】

1、事件 鼠标、键盘、操作等；所有的GUI都有

onclick(单击事件)

例子：按

ondblclick(双击事件) 【double click】

例子：按

onchange(内容改变事件)

例子：

111 222

onselect(内容选中事件)， //针对表单.元素，---只能是文本输入框里面的

- 例子：

onmouseover(鼠标停留事件)

例子：

onmouseout(鼠标移出)

例子：

onfocus（获取焦点-鼠标就是焦点）

例子：

onblur(失去焦点) 【blur模糊，失去焦点】
例子:

---

onkeydown(键盘按下)

例子：

onkeypress(键盘按下松开)

例子：

onkeyup(键盘松开)

例子：

常用的键盘码 ESC-27 回车-13 空格32 ←37 ↑38 →39 ↓40

2、函数声明式和函数表达式

2.1、认识函数

• 需要用时才执行
• 代码块各司其职
• 一次编写可重复执行
• 结构清晰

2.2、函数的两种声明方式【重要】

函数声明：

function 函数名（）{
函数体；
}
【允许在函数未创建前调用，不符合逻辑】

函数表达式： 【推荐】

var 函数名=function（）{
函数体；
}
【必须在创建函数后才能调用】
调用函数：函数名();

3、常用的数学函数

4、计算器

button 默认是提交按钮

5、获取表单元素的值

document.getElementByID("元素ID”).value;
1.给form标签设置name值，比如：form1
2.给表单元素这是name值，比如：input1
3.document.foem1.input1.value

6、var是局部变量的标识

7、DOM绑定

用途：将函数添加到一个元素对象的属性中？

1.HTML事件绑定：直接写在HTML标签上，【这种方法使用很少】

语法：

2.DOM0级事件绑定：将函数添加到一个元素对象的属性中

语法：
btn.onclick=function(){} //匿名函数
btn.onclick=play; //找函数，不能切括号（括号表示立即执行）
缺点：
因为使用了运算符，这里出现覆盖情况

3.DOM2级事件绑定：

语法：
btn.addEventeListener('click',function(){}); //匿名
btn。addEventListener('click',play); //找函数名
缺点：
IE低版本不支持