第12章 javascript对象.pptVIP

第12章 javascript对象 12.1 对象的概念 12.2 事件的使用 12.3 常用对象的介绍 12.4 javascript经典案例 12.1 对象的概念 对象是现实世界中客观存在的事物 。对象可分为预定义对象和自定义对象。 预定义的对象是指系统提供的已经定义好的，可直接使用的对象，包含内置对象和浏览器对象。 方法是表示对象可以做的事情。 调用对象的属性和方法时，最常用的使用方法: 对象.属性 对象.方法 对象调用的案例 html head title内置对象/title script language=javascript radius=prompt(请输入圆的半径,请在这里输入圆的半径); alert(“圆的周长是”+2*Math.PI*radius+“,圆的面积是 +Math.PI*radius*radius); /script /head /html 效果图 Prompt是window对象的一种方法，返回用户在文本框中输入的值。 调用Math对象的PI属性，其具体写法，如Math.PI。 12.2 事件的使用 12.2.1 Click事件与Dblclick事件 12.2.2 Load事件与Unload事件 12.2.3 MouseOver事件与MouseOut事件 12.2.4 Focus事件与Blur事件 12.2.5 submit事件与reset事件 每个对象可以识别和响应某些操作行为，这些操作行为称为事件。 常用的事件有Click、Dblclick、Load、Unload、Change、MouseOver、MouseOut、Focus、Blur、Submit等 。 插入(调用)事件处理程序：on事件名= 12.2.1 Click事件与Dblclick事件 Click事件：当页面上的任何一个元素，如按钮、文本框或者超链接被用户单击时都会产生一个Click事件。 Dblclick事件：当页面上的任何一个元素，被用户双击时都会产生一个Dblclick事件。 案例 html head title click事件/title /head body form name=button input type=button value=上一页 onClick=history.back() input type=button value=新浪网 onClick=location=http://www. input type=button value=下一页 onClick=history.forward() /form /body /html 12.2.2 Load事件与Unload事件 Load事件：当窗口和框架完成加载时，就产生了一个Load事件。 Unload事件：当窗口和框架内的文档被退出时，就产生了一个Unload事件。 案例 html head title load事件/title /head body onload=alert(网页已经登陆) /body /html 12.2.3 MouseOver与MouseOut事件 MouseOver事件：当用户将鼠标移至一个超链接或其他网页元素时，就会产生一个MouseOver事件。 MouseOut事件：该事件是伴随MouseOver事件的，当用户将鼠标移开一个超链接或其他网页元素时，就会产生一个MouseOut事件。 案例 html head title MouseOver和MouseOut事件/title script language=javascript function show() { window.status=鼠标离开喽 } /script /head body a href=“” onMouseOver=alert(“鼠标是不是在文字上方？”) onMouseOut=show()怀化学院/a /body /html 12.2.4 Focus事件与Blur事件 Focus事件：在文本区域内聚焦时，就产生一个Focus事件。 Blur事件：在文本区域内失去焦点时，就产生一个Blur事件。 案例 html head title Focus事件和Blur事件/title /head body form input type=text value= onF