JavaScript对象详解与实践.pdfVIP

JavaScript对象

第十五课

主讲老师：教育首席技术总监-Job老师

心之心悌之心孝诚之赤恩感心之心他之心利畏之敬取进

对象

1.介绍

2.内联模型

3.模型

4.处理函数

5.对象

6.鼠标

7.键盘

8.W3C与IE

介绍

JavaScript是由Web页面的用户引起的一系列操作，例如：用户点击。当用户执行

某些操作的时候，再去执行一系列代码

是浏览器与用户操作进行交互的动作。最早是IE和NetscapeNavior中出现，作

为分担服务器端运算负载的一种。几乎所有的浏览器都支持处理。而DOM2级规

范开始尝试以一种复合逻辑的方式DOM。IE9、Firefox、Opera、Safari和

Chrome全都已经实现了“DOM2级”模块的部分。IE8之前浏览器仍然使用其专

有模型。

JavaScript有三种模型：内联模型、模型和DOM2模型

内联模型

这种模型是最传统单一的处理的方法。在内联模型中，处理函数是HTML的一个属性，

用于处理指定。虽然内联在早期使用较多，但它是和HTML混写的，并没有与HTML分离

//在HTML中把处理函数作为属性执行JS代码

inputtype=buttonvalue=按钮onclick=alert(Job);///注意单双引号

//在HTML中把处理函数作为属性执行JS函数

inputtype=buttonvalue=按钮onclick=box();///执行JS的函数

模型

由于内联模型了HTML与JavaScript代码层次分离的原则。为了解决这个问题，我们可以在

JavaScript中处理。这种处理方式就是模型

varinput=document.getElementsByTagName(input)[0];//得到input对象

input.onclick=function(){//函数执行

alert(“Job”);

};

处理函数1

JavaScript可以处理的类型为：鼠标、键盘、HTML

处理函数2

所有的处理函数都会都有

两个部分组成，on+名称，

例如click的

处理函数就是：onclick。

鼠标

页面所有元素都可触发鼠标。

click：当用户单击鼠标按钮或按下回车键时触发

input.onclick=function(){

alert(Job);

};

键盘

keydown：当用户按下键盘上任意键触发，如果按住不放，会重复触发。

onkeydown=function(){