第七章浏览器对象模型.ppt

Web编程基础 Chapter7：浏览器对象模型 内容 7.1 浏览器结构概述 7.1 浏览器结构概述 7.2 window对象 7.2 window对象 7.2 window对象 7.2 window对象 7.2 window对象 添加并控制定时器 创建定时器： setTimeout:不重复触发 var tmOut = setTimeout(func,5000) setInterval：重复触发 清除定时器： clearTimeout clearTimeout(tmOut) clearInterval 7.2 window对象 7.2 window对象 7.3 document对象 7.3 document对象 all：返回文档所包含的元素集合的引用。 anchors：获取文档中所有带有name和/或id的a元素组成的集合。 applets：获取文档中所有applet元素组成的集合。 embeds：获取文档中所有embed元素的组成的集合。 forms：获取文档中所有form元素组成的集合。 frames：获取由给定文档或与给定窗口相关联的文档定义的所有window对象组成的集合。 images：获取文档中所有img元素组成的集合。 links：获取文档中所有指定了href的a元素和所有area元素组成的集合。 scripts：获取文档中所有script元素组成的集合。 styleSheets：获取与文档中每个link或style元素的实例相对应的样式表的styleSheet对象组成的集合。 7.3 document对象 7.3 document对象 7.3 document对象 访问页面元素 通过document对象的集合：使用length属性获取集合中的元素数目，也可使用数字或名称来访问集合中的元素。 使用document.forms[0]、document.forms[“form1”]或document.form1访问表单 使用document.imgs[0]、document.imgs[img1]或document.img1来访问图像 对各个表单域可以使用数字或名称来访问 document.form[0].elements[0] document.form1.elements[“txtUsername”] document.form1.txtUsername 7.3 document对象 7.4 location对象 location 对象 属性 7.4 location对象 location 对象 URL: /ch09-01.htm?a=1 Host/hostname: Protocol: http: Search: ?a=1 Href: /ch09-01.htm?a=1 示例及练习 示例及练习 7.5 history、screen和navigator对象 history 对象 方法 7.5 history、screen和navigator对象 navigagor对象的属性 appCodeName：获取浏览器的代码名称。 appMinorVersion：获取应用程序的次版本值。 appName：获取浏览器的名称。 appVersion：获取浏览器运行的平台和版本。 browserLanguage：获取浏览器的当前语言。 cookieEnabled：获取客户端的永久cookie是否在浏览器中启用。永久cookies是储存在客户端计算机上的。 cpuClass：获取指示CPU类别的字符串。 onLine：获取表明系统是否处于全局脱机模式的值。 platform：获取用户的操作系统名称。 systemLanguage：获取操作系统适用的默认语言。 userAgent：获取等同于HTTP用户代理请求头的字符串。 userLanguage：获取操作系统的自然语言设置。 userProfile：该属性是一个对象，提供了允许脚本对用户配置信息请求读取访问并执行读取操作的方法。 7.5 history、screen和navigator对象 navigagor对象的方法 javaEnabled：返回是否已启用Java。 taintEnabled：返回是否允许数据污点。 检测浏览器 使用navigator对象的属性和方法可以获取关于客户端浏览器的信息。 7.5 history、screen和navigator对象 screen对象的属性 availHeight：获取系统屏幕的工作区域高度，不包括Windows任务栏。 availWidth：获取系统屏幕的工作区域宽度，不包括Windows任务栏。 buffer