JavaScript分为 ECMAScript,DOM,BOM; DOM 是指文档对象模型,并非一个对象; BOM就是浏览器窗口对象模型,顶级对象是window; window,document都是一个实例对象,他们都属于Object,表示浏览器中打开的窗口
Window对象是客户端javascript最高层对象之一;只要打开浏览器窗口,不管该窗口中是否有打开的网页,当遇到BODY、FRAMESET或FRAME元素时,都会自动建立window对象的实例;另外,该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先,在调用window对象的方法和属性时,可以省略window对象的引用。例如:window.document.write()可以简写成: document.write()
在窗口中觖发本窗口对象的任何方法和属性时可以省去窗口的实例名称。例如给当前的myWin窗口设置status属性时,可以只用status而不用myWin.status。但是,在事件处理中调用location属性、close()方法或open()方法时必须使用实例名称
Navigator(导航器对象)
appCodeName:返回浏览器代码名
appName:返回浏览器名称
appVersion:返回浏览器的平台和版本信息
cookieEnabled:返回浏览器中指明是否启用cookie的布尔值
platform:返回运行浏览器的操作系统平台
userAgent:返回由客户机发送服务器的user-agent头部的值
height/ width
功能:以像素为单位指定窗口分辨率的高度/宽度,已被innerHeight/innerWidth取代;
innerHeight属性
语法格式:window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素高度,这个高度不包括任何工具栏和组成窗口的页面修饰高度
注:IE5.5不支持该属性。
innerWidth属性
语法格式:window.innerHeight=数值
功能:返回或指定浏览器窗口中文档的像素宽度,这个宽度不包括任何工具栏和组成窗口的页面修饰宽度
注:IE5.5不支持该属性。
outerHeight属性
语法格式:window.outerHeight
功能:outerHeight属性用于访问浏览器窗口的像素高度,该高度包括工具栏和装饰边的高度
注:IE5.5不支持该属性。
outerWidth属性
语法格式:window.outerWidth
功能:outerWidth属性用于访问浏览器窗口的像素宽度,该宽度包括工具栏和装饰边的宽度
注:IE5.5不支持该属性。
screen(显示器对象)
availHeight
语法格式:window.screen.availHeight
功能:以像素为单位返回显示屏幕的可用高度
availWidth
语法格式:window.screen.availWidth
功能:以像素为单位返回显示屏幕的可用宽度
colorEdpth:返回屏幕颜色的位数
history(历史对象)
history属性
语法格式:window.history[数值] window.history.方法() window.history.属性
window对象的子对象history是javascript的核心对象之一,该属性包含了一个已访问过页面的名称和URL的数组
back()/forward():返回上/下一个url
go():返回某个具体页面
location(位置对象)
属性
hash:设置或返回从#开始的url
host:设置或返回主机名和当前url的端口号
hostname:设置或返回当前url的主机名
href:设置或返回完整的url
pathname:设置或返回url的路径部分
port:设置或返回当前url的端口号
protocol:设置或返回当前url的协议
search:设置或返回从?开始的url
方法
assign(URL):加载新文档
reload():重新加载当前页面
replace(newURL):用新的文档替换当前文档
open方法
语法格式: window.open(URL,窗口名称,窗口风格)
功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。
注意:这里的窗口名称,窗口名字可以是自己定义的,也可以是系统的 如:_blank, _self, _parent, _top....
_blank : URL被加载到一个新的未命名的窗口
_media : URL被加载到一个媒体栏中。(仅适合IE6以及以后版本浏览器)
_parent : URL被加载到目前框架的上层框架上。如果没有上层框架,则此项的值与_self的值相同
_search : URL被打开在浏览器的查找窗口。(仅适合IE5以及以后的浏览器)
_self : URL在当前的窗口上打开,覆盖以前的内容
_top ,URL可能会加载到任何框架支架(Frameset)上,如果没有定义Frameset,此项值与_self的值相同
top属性
语法格式:window.top.frames[数值] window.top.frameName window.top.方法() window.top.属性
功能:window对象的top属性用于包含所有装入浏览器的子窗口(多框架)的最顶层窗口的信息
parent属性
语法格式:window.parent.frames[数值] window.parent.framesName
功能:访问各个子窗口(多框架)所在的父窗口
Document(文档对象)
集合
anchors[]/images[]/links[]/forms[]:描点/图片/连接/表单对象数组
属性
document属性
语法格式:window.document.事件 window.document.方法 window.document.属性
功能:window对象的子对象document是javascript的核心对象,在脚本中遇到BODY元素时创建一个实例
cookie:设置或返回与当前文档有关的所有cookie
domain:返回当前文档的域名
referrer:返回载入当前文档的文档的url
title:返回当前文档的标题
url:返回当前文档的url
方法
open():打开一个新的文档并擦除旧文档内容
close():关闭文档输出流
write():向当前文档追加写入文本
writeLn():与write()相同,在
中会追加行
窗口控制
moveBy(水平位移量,垂直位移量):按照给定像素参数移动指定窗口
moveTo(x,y):将窗口移动到指定坐标(x,y)处
resizeBy(水平,垂直):将当前窗口改变指定的大小(x,y),当x、y的值大于0/小于0时为扩大/缩小
resizeTo(水平宽度,垂直宽度):将当前窗口改变成(x,y)大小,x、y分别为宽度和高度
scrollBy(水平位移量,垂直位移量):将窗口内容按给定的位移量滚动,参数为正时正向滚动否则反向
scrollTo(x,y):将窗口中的内容滚动到指定位置
焦点控制
focus/blur:获取/失去焦点
打开关闭窗口
open("url","窗口名称","窗口风格"):打开一个新的窗口并在窗口中装载指定url地址的网页,窗口的风格通过height(数值表示窗口高度不能小于100),width(数值表示窗口宽度不能小于100),left(数值表示窗口左坐标不能为负值),top(数值表示窗口上坐标不能为负值),location(yes/no):是否显示地址栏,menubar(yes/no):是否显示菜单栏,resizable(yes/no):是否可以改变窗口大小,scrollbars(yes/no):是否允许出现滚动条,status(yes/no):是否显示状态栏,toolbar(yes/no):是否显示工具栏来设定
menubar属性
语法格式:window.menubar.属性
功能:menubar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定菜单栏是否可见
到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。
menubar.visible属性
语法格式:window.menubar.visible
功能:menubar.visible属性用于返回菜单栏是否可见,如果可见返回true,反之返回false。
注:IE5.5不支持该属性
close():自动关闭浏览器窗口
定时器
setTimeout(执行代码,毫秒数):当到了指定的毫秒数后自动执行功能代码
clearTimeout(定时器):取消由setTimeout()设置的定时器
setInterval(重复执行的代码,毫秒数):按指定周期重复执行代码
clearInterval(时间间隔器):取消由setInterval()设置的时间间隔器
对话框
alert("提示字符串"):弹出一个警告框显示提示字符串文本
confirm("提示字符串"):显示一个确认框,内有显示提示字符串,当用户单击确定按钮是该方法返回true,单击取消时返回false
prompt("提示字符串","缺省文本"):显示一个输入框,在输入框内显示提示字符串,input输入框内显示缺省文本而且可以自由修改,当点击确定按钮时返回用户输入的字符串,单击取消返回null值
属性
状态栏
defaultStatus:改变浏览器状态栏的默认显示
status:临时改变浏览器状态栏的显示
窗口位置
IE:screenLeft/screenTop:声明窗口左上角的x/y坐标,document.body.scrollLeft/document.documentElement.scrollLeft:声明当前文档向右滚动的像素数,document.body.scrollTop/document.documentElement.scrollTop:声明当前文档向下滚动的像素数;
!IE:screen/screenY:声明窗口左上角的x/y坐标,pageXoffset/pageYoffset:声明当前文档向右/下滚动的像素数;
FF:innerHeight/innerWidth:返回窗口的文档显示区高度/宽度,outerHeight/outerWidth:返回窗口的外部高度/宽度;
pageXOffset属性
语法格式:window.pageXOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前水平像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性。
- pageYOffset属性
语法格式:window.pageYOffset=数值
功能:指定浏览器窗口中文档左上角在窗口中的当前垂直像素位置。在利用moveTo移动之前,可以通过该属性来决定是否需要移动窗口。因为该属性返回了可见文档相对整个页面的当前位置。
注:IE5.5不支持该属性
status
status属性
语法格式:window.status=字符串
功能:设置或给出浏览器窗口中状态栏的当前显示信息。
小技巧:可以使用该属性设置浏览器窗口状态栏信息。
statusbar属性
语法格式:window.statusbar.属性
功能:statusbar属性本身也是一个对象,用于访问它自已的visible属性从而确定状态栏是否可见。
注:IE5.5浏览器不支持该属性。
statusbar.visible属性
语法格式:window.statusbar.visible
功能:检查状态栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5浏览器不支持该属性。
defaultstatus属性
语法格式:window.defaultstatus[=字符串]
功能:defaultstatus属性值是浏览器窗中状态栏的默认显示信息。
personalbar
personalbar属性
语法格式:window.personalbar.属性
功能:personalbar属性本身也是一个对象,用于访问其自身的visible属性来确定个人栏是否可见。
注:IE5.5不支持该属性。
personalbar.visible属性
语法格式:window.personalbar.visible
功能:确定个人栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5不支持该属性
location
location属性
语法格式:window.location=URL
功能:给出当前窗口的URL信息或指定打开窗口的URL。
locationbar属性
语法格式:window.locationbar.属性
功能:locationbar属性也可以看成是一个子对象,这个属性用来获取它自已的visible属性来确定位置栏是否可见;到目前为止,该属性只有一个子属性:visible。
注:IE5.5不支持该属性。
locationbar.visible属性
语法格式:window.locationbar.visible
功能:返回位置栏是否可见,如果可见返回true,反之返回false。
注:IE5.5不支持该属性。
frames
frames属性
语法格式:window.frames["框架名称"] window.frames[数值]
功能:frames属性是一个数组,用来存储文档中每一个由元素创建的子窗口(框架)实例,其中的下标即可以是次序号也可以是用FRAME元素的NAME属性指定的名称来得到并使用。
frames.length属性
语法格式:window.frames.length
功能:frames.length属性返回一个窗口内的子窗口数目该属性与window.length属性的值相同
其他属性
opener属性
语法格式:window.opener window.opener.方法 window.opener.属性
功能:opener属性与打开该窗口的父窗口相联系,当访问子窗口中operer属性时,返回的是父窗口。通过该属性,可以使用父窗口对象中的方法和属性
closed属性
语法格式:window.closed
功能:closed属性用于返回指定窗口的实例是否已经关闭,如果关闭,返回true,反之返回flase。
name属性
语法格式:window.name=名称
功能:返回窗口名称,这个名称是由window.open()方法创建新窗口时给定的。在javascript1.0版本中,这个属性只能用于读取窗口名称,而到了javascript1.1版本时,可以用这个属性给一个不是用window.open()方法创建的窗口指定一个名称。
self属性
语法格式:window.self.方法 window.self.属性
功能:该属性包含当前窗口的标志,利用这个属性,可以保证在多个窗口被打开的情况下,正确调用当前窗口内的函数或属性而不会发生混乱。
scrollbars属性
语法格式:window.scrollbars.属性
功能:scrollbars属性本身也是一个对象,用于访问其自身的visible属性来确定滚动栏是否可见。
注:IE5.5不支持该属性。
scrollbars.visible属性
语法格式:window.scrollbars.visible
功能:scrollbars.visible用于确定滚动栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5不支持该属性。
toolbar属性
语法格式:window.toolbar.属性
功能:toolbar属性本身也是一个对象,用于访问它自已的visible属性从而确定工具栏是否可见。
注:IE5.5不支持该属性。
toolbar.visible属性
语法格式:window.toolbar.visible
功能:toolbar.visible属性用于检查工具栏是否可见,如果可见则返回true,反之返回false。
注:IE5.5不支持该属性。