网站设计与Web应用开发技术(第四版).pptVIP

第*页5.3对象化编程将编程所涉及的实体划分成大大小小的对象，对象下面还可继续划分为更小的对象直至不能进一步划分为止对象是属性和方法的集合获得对象的方式引用JavaScript的内部对象由浏览器环境所提供的对象自行创建的对象第*页5.3对象化编程对象操作语句for...in语句with语句this关键词new运算符对象属性的引用使用“.”、下标或字符串形式对象方法的引用第*页5.3对象化编程事件处理事件：用户对网页的一些特定“操作”(这些操作通常直接对应鼠标的动作)和系统行为。例如：加载一张网页，点击一个超链等发生事件-启动事件处理程序-事件处理程序作出反应“on事件名”是JavaScript规定的对应事件处理程序柄（eventhandler）的名字。例如：onClick、onfocus、onSubmit等用户浏览器JavaScript事件处理机制鼠标/键盘操作显示处理结果事件提交调用事件处理函数完成处理第*页5.3对象化编程JavaScript的内部对象“数字”对象Number字符串对象String数组对象Array算术对象Math日期对象DateJavaScript中的系统函数JavaScript的全局对象第*页5.3对象化编程自定义类及对象!DOCTYPEhtmlhtmlbodyscripttype=text/javascriptfunctionClass1(name,age){letperson={name:name,age:age,greet:function(){returnHello,mynameis+;}};returnperson;}letperson1=Class1(John,25);alert(person1.greet());//输出:Hello,mynameisJohn=Bob;person1.age=30;alert(person1.greet());//输出:Hello,mynameisBob/script/body/html第*页5.4浏览器对象模型(BOM)与文档对象模型(DOM)第*页5.4浏览器对象模型(BOM)与文档对象模型(DOM)文档对象(DOM)是从网页文档里划分出来的对象在网页特效或验证过程需要使用这些对象名称含义名称含义navigator浏览器对象location位置对象window窗口对象document文件对象screen屏幕对象Link链接对象event事件对象Form表单对象history历史对象CookieCookie对象第*页浏览器对象!DOCTYPEhtmlhtmlbodyscriptwith(document){write(你的浏览器信息：OL);write(LI代码：+navigator.appCodeName);write(LI名称：+navigator.appName);write(LI版本：+navigator.appVersion);write(LI语言：+navigator.language);write(LI编译平台：+navigator.platform);write(LI用户表头：+navigator.userAgent);}/script/body/html5.4浏览器对象模型(BOM)与文档对象模型(DOM)第*页屏幕对象!DOCTYPEhtmlhtmlbodyscripttype=text/javascriptwith(document){