JS第10章-屏幕对象与浏览器对象.ppt

第10章屏幕对象与浏览器对象 Screen对象 也称为屏幕对象 这是一个由JavaScript自动创建的对象 用来描述屏幕的颜色和显示信息 Navigator对象 也称为浏览器对象 该对象用来描述客户端浏览器相关信息 本章将会详细介绍这两种对象 10 1屏幕对象 JavaScript是一种在客户端执行的语言 而不同的客户端所使用的计算机以及计算机上所使用的显示器都很可能是不相同的 不同的显示器的大小 分辨率 可使用的色彩可能都不一样 那么对于同一个网页来说 在不同的显示器上显示的效果也就有可能不同 例如一个以1024 768分辨率为基础设计的网页 在800 600分辨率的显示器上浏览的效果可能就会出现偏差 JavaScript提示的Screen对象可以用来获取客户端的显示器屏幕的一些信息 10 1 1屏幕对象属性 Screen对象是一个由JavaScript自动创建的对象 该对象的作用主要是描述客户端的显示器的信息 例如屏幕的分辨率 可用颜色数等 Screen对象是一个全局对象 该对象中存放的都是静态属性 具体内容请参照书 10 1 2客户端显示器屏幕分辨率 客户端计算机的显示器可能会有所不同 而不同的显示器的分辨率也就有可能不同 目前主流的显示器分辨率为800 600或1024 768两种 以Windows操作系统为例 10 1 3客户端显示器屏幕的有效宽度和高度 所谓有效宽度和高度 是指在打开客户端浏览器时 所能达到的最大宽度和高度 在不同的操作系统中 操作系统本身可能要占据整个显示器屏幕的一定位置 那么在浏览器窗口最大化打开时 也有可能不能占满整个显示器屏幕 有效宽度和高度就是指浏览器窗口所能占据的最大宽度和高度 具体内容请参照书 10 1 4颜色深度 Screen对象的colorDepth属性可以用来查看屏幕所使用的颜色深度 也就是屏幕可用颜色数 这个颜色深度是以2为底的对数 例如屏幕的可用颜色为128色 则返回7 可用颜色为256 则返回8 可用颜色为216 16位增强色 则返回16 可用颜色为232 32位真彩色 则返回32 屏幕的颜色深度代表着颜色质量 颜色深度值越大 屏幕可显示的颜色数越多 颜色质量也就越高 具体内容请参照书 10 1 5综合应用 使用Screen对象可以根据客户端显示器的不同情况来为用户输出不同的内容 例如对于分辨率不同的用户 可以输出不同的网页 对于颜色深度不同的用户显示颜色质量不同的图片等 下面的例子可以根据不同的显示器分辨率显示不同的文字内容 并且无论是什么显示器分辨率都能让浏览器窗口最大化显示 10 2浏览器对象 Navigator对象 也称为浏览器对象 该对象包含了浏览器的整体信息 如浏览器名称 版本号等 早期的Netscape浏览器称为Navigator浏览器 Navigator对象是在Navigator浏览器之后命名的 后来 Navigator对象成为了一种标准 IE浏览器也支持Navigator对象 可惜不同的浏览器都自己制定了不同的Navigator对象属性 使得Navigator对象属性有很多不同 10 2 1浏览器对象属性 虽然各种浏览器对Navigator对象的支持有所不同 但表10 2中的5个Navigator对象的属性是大多数浏览器都支持的属性 具体内容请参照书 10 2 2浏览器对象的子对象 10 2 2 1MimeType对象10 2 2 2Plugin对象10 2 2 3MimeType对象与Plugin对象互查 10 2 3浏览器对象的方法 Navigator对象的方法比较简单 只有一个用于判断浏览器是否支持并启用了Java的方法 该方法的语法代码如下所示 navigator javaEnabled 具体内容请参照书 10 3小结 在本章里介绍了Screen对象和Navigator对象 其中Screen对象主要描述客户端的显示器信息 例如屏幕的分辨率 可用屏幕宽度和高度 可用颜色数等 Navigator对象主要描述浏览器的整体信息 如浏览器名称 版本号等 下一章将会介绍History对象和Location对象