首页 > 代码库 > 8月10号=》376页-385页
8月10号=》376页-385页
14.7 传统的DHTML模型
在DHTML对象模型中,window对象时整个对象模型的顶层对象,该对象包含一个document属性,该属性代表窗口内的HTML文档,
如果该窗口内有多个Frame,则可使用frames[]方法依次访问该窗口的每个Frame。
document对象代表HTML文档本身,document对象又包含了一系列的属性:forms、anchors、links、images·····这些属性的
返回值以关联数组的形式存在,为了访问文档内的指定控件,访问这些属性数组的指定元素即可。访问页面控件有如下3中语法。
document.images[0]:返回页面内第一个图片元素。
document.images[id]:返回页面内id或name为id的图片对象。
documentimages.id:返回页面内id或name为id的图片对象。
14.8 使用window对象
window提供了如下几个方法,这些方法可以再JavaScript脚本中直接使用。
alert()、confirm()、prompt():分别用于弹出警告对话框、确认对话框和提示输入对话框。
close():关闭窗口。
focus()、blur():让窗口获得焦点、失去焦点。
moveBy()、moveTo():移动窗口。
open():打开一个新的顶级窗口,用于装载新的URL所指向的地址,并可指定一系列的新属性,包括隐藏菜单等。
print():打印当前窗口或Frame。
resizeBy()、resizeTo():重设窗口大小。
scrollBy()、scrollTo():滚动当前窗口中的HTML文档。
setInterval()、clearInterval():设置、删除定时器。
setTimeout()、clearTimeout():也是设置定时器。推荐使用setInterval()和cearInterval()。
除此之外window对象还提供了如下的常用属性,通过这些属性即可访问window对象包含的一系列对象,例如location、history等。
closed:该属性返回一个boolean值,用于判断该窗口是否处于关闭状态。
defaultStatus、status:返回浏览器状态的文本。
document:返回该窗口内装载的HTML文档。
frames[]:返回该窗口内包含的Frame对象,每个Frame对象又是一个window对象。
history:返回该窗口的浏览历史。
location:返回该窗口装载的HTML文档的URL。
name:返回该窗口的名字。
navigator:返回浏览当前页面的浏览器。
parent:如果当前窗口是一个Frame,则该属性返回包含本Frame的窗口,即该Frame的直接父窗口。
screen:返回当前浏览者的屏幕对象。
self:返回自身。
top:如果当前窗口是一个Frame,则该属性指向包含本Frame的顶级窗口。
14.8.1 访问历史
window的history属性时一个History对象,该对象表示当前窗口的浏览历史,它支持如下几个方法。
back():后退到上一个浏览页面,如果该页面是第一个打开的,则该方法没有任何效果。
foward():前进道下一个浏览页面,前提是之前使用了back或go方法。
go(intValue):该方法可指定前进或后退多少个页面,其中的intValue控件前进、后退的页面数。其中intValue为正,
表示前进;intValue为负,表示后退。
14.8.2 访问页面URL
window对象还包含一个location属性,该属性可用于访问该窗口或Frame所装载文档的地址。location对象还包含如下几个常用属性。
hostname:文档所在地址的主机名。
href:文档所在地址的URL地址。
host:文档所在地址的主机地址。
port:文档所在地址的服务端口。
pathname:文档所在地址的文件地址。
protocol:装载该文档所使用的协议,例如http:等。
14.8.3 客户机屏幕信息
window对象有一个screen属性,它返回当前浏览者的屏幕对象,该对象的属性会随不同的平台存在变化,但通常会包含如下属性。
width:屏幕的横向分辨率。
height:屏幕的纵向分辨率。
colorDepth:当前屏幕的色深。
14.8.4 弹出新窗口
window的open()方法用于打开一个新窗口。
代码示范:
window.open("xxxx.html");
14.8.5 确认对话框和输入对话框。
window对象提供了两种对话框:用于取得用户确认(confirm)的确认对话框和用于获得用户输入(prompt)的输入对话框。
代码示范:
//confirm确认对话框
confirm("是否导航到xx网站");
//prompt输入对话框
prompt("请输入你的名字:","");
14.8.6 使用定时器
window提供了如下4个方法来支持定时器
setInterval("code",interval)、clearInterval(timer):设置、删除定时器。setInterval设置每隔interval毫秒重复执行一次code。
setTimeout("code",interval)、clearTimeout(timer):也是设置定时器。推荐使用setInterval()和clearInterval()。setTimeout
设置在interval毫秒延迟后执行一次code。
代码示范:
//显示当前时间的setTime()函数
var setTime = functon()
{
document.getElementById("div").innerHTML = new Date().toLocaleString();
}
//指定每隔1000毫秒执行setTime()函数一次
window.setInterval("setTime()",1000);