浏览器窗口对象的子对象概述
window对象是JavaScript的最顶层对象,代表了当前浏览器窗口,我们经常使用的DOM文档对象document、客户端的浏览器信息对象navigator、屏幕对象screen、浏览器URL历史对象history、打开页面文档的URL对象location等特殊对象都是window对象中所包含的属性成员子对象,都可以直接使用
浏览器信息对象navigator
navigator对象是浏览器窗口window对象的子对象属性,可直接使用。该对象包含了客户端浏览器的类型、版本等信息,可对浏览器进行检测,以针对不同浏览器提供不同的页面,避免个别JavaScript代码在某些浏览器中无法运行。
navigator对象的属性
platform | 机器操作系统名称 |
plugins[ ] | 浏览器已安装所有插件对象集合——Plug-in对象数组 |
appName | 浏览器名称appCodeName 浏览器代码名。一般都是"Mozilla" |
appVersion | 浏览器版本信息 |
userAgent | 发送给服务器HTTP请求的用户代理头user-agent |
cookieEnabled | 浏览器是否启用cookie,启用true,禁用false |
onLine | 是否为脱机模式,脱机模式true,否则false |
browserLanguage | 当前浏览器语言,Firefox火狐不支持该属性 |
userLanguage | OS自然语言设置,Firefox火狐不支持该属性 |
cpuClass | 系统CPU 等级(ie专有) |
appMinorVersion | 浏览器次级版本(ie专有) |
systemLanguage | OS默认语言 (ie专有) |
navigator对象的方法
javaEnabled( ) | 是否支持Java语言 |
---|---|
taintEnabled( ) | 是否启用数据污点 |
客户端屏幕对象screen
screen是浏览器窗口对象window的子对象,可直接使用。
screen对象包含了客户端显示屏的信息,利用这些信息可优化屏幕显示。例如根据屏幕尺寸对窗口定位、确定使用大图像还是小图像,根据显示器颜色深度选择使用16或8位色图形。
screen屏幕对象只有属性而没有方法。
screen屏幕对象的属性(只有属性而没有方法)
availHeight | 屏幕可用高度(像素),不包括屏幕底部的任务栏 |
availWidth | 屏幕可用宽度 |
height | 屏幕高度 |
width | 屏幕宽度 |
colorDepth | 屏幕缓冲器调色板的比特深度 |
pixelDepth | 屏幕颜色分辨率(比特每像素),IE浏览器不支持 |
以下为IE浏览器的专有属性
deviceXDPI / deviceYDPI | 屏幕每英寸水平/垂直点数 |
logicalXDPI / logicalYDPI | 屏幕每英寸水平/垂直方向常规点数 |
updateInterval | 屏幕刷新率 |
fontSmoothingEnabled | 是否启用字体平滑启用true否则false |
bufferDepth | 在off-screen bitmap buffer中调色板的比特深度 |
当前页面URL对象location
location是浏览器窗口对象window的子对象,可直接使用。该对象包含了当前所显示页面的URL信息—即Web地址。
location对象的属性
href | 当前页面完整的URL,其是location的默认属性,使用时可省略location对象名 |
pathname | 页面URL中的路径 |
hostname | 页面所在服务器的主机名 |
host | 页面所在服务器的主机名和端口号 |
port | 页面所在服务器的端口号 |
protocol | 服务器发送页面使用的协议 |
search | 请求页面?问号之后的URL参数 |
hash | 页面请求中以#开始的URL锚,即请求页面中的锚点 |
location对象的方法
reload( [force] ) | 重新加载当前文档 |
assign(URL) | 加载新文档 |
replace(newURL) | 加载新文档替换当前文档 |
浏览页面历史对象history
history是浏览器窗口对象window的子对象,可直接使用。
history对象可用于访问本次打开浏览器访问过的历史URL页面,拥有length属性以及back()、forward()和go()三个方法。
history对象的属性
length属性 | 该属性为本次打开浏览器已访问过的历史URL页面数量 |
history对象的方法
back( ): | 加载前一个历史URL页面 |
forward( ): | 加载下一个历史URL页面 |
go( number URL ): | 加载指定历史URL页面 |
注意:参数URL字符串必须是本次打开浏览器history列表中已经存在的页面,否则不执行go()方法,但如果内容为空(如读取文本框的内容为空)则重新加载当前页面自己。