|
JavaScript对象002 :浏览器的对象模型
浴火凤凰yuxiao2072
关键词：BOM(Browser Object Model)：浏览器的对象模型
一、window对象
window对象是一个全局对象，代表浏览器打开的窗口，它是浏览器的对象模型顶层对象。
在使用时一般省略window对象得名称。它有navigator、history、screem、location、document、frames[]等子对象。
<HTML>
<HEAD>
<script language="javascript">
//打开窗口
function openNewWindow()
{
//参数分别是：url地址、窗口名称、窗口参数
var newWindow=open("http://www.baidu.com","baidu",
"width=700,heigth=600,resizable=yes,location=yes, menubar=1,toolbar=1,scollbar=1,status=1");
newWindow.focus();
}
//关闭窗口
function closeNewWindow()
{
newWindow.close();
}
//移动和缩放窗口
function moveNewWindow()
{
newWindow.moveTo(0,0);
newWindow.resizeTo(600,450);
parent.window.moveTo(320,240);//移动父窗体的位置
}
//定时任务
function timerTask()
{
status="请注意这里，5秒钟后该提示消失！";//status是window对象的属性
//设置延迟时间，返回一个内部ID值
var timeout=setTimeout("window.status=''",5000);
alert(timeout);
//设置时间间隔，返回一个内部ID值
var interval=setInterval("window.status=''",5000);
alert(interval);
//清除定时任务
//clearTimeOut(timeout);
//clearInterval(interval);
}
//滚动窗体
function scrollWindow()
{
newWindow.scrollTo(360,240);
}
</script>
</HEAD>
<BODY>
<H2>window对象的操作：</H2>
<input type="button" value="打开窗口" onClick="openNewWindow();">
<input type="button" value="关闭窗口" onClick="closeNewWindow();">
<input type="button" value="移动窗口" onClick="moveNewWindow();">
<input type="button" value="定时任务" onClick="timerTask();">
<input type="button" value="滚动窗体" onClick="scrollWindow();">
</BODY>
</HTML>
二、navigator对象
navigator对象提供浏览器对象的基本信息，包括浏览器名称、版本号、是否支持Java等。
三、location对象
location对象用于访问当前加载在窗口中的文档的URL。
四、history对象
history对象包含最近访问过的网址列表。
五、screem对象
screem对象给出用户电脑的各种显示属性。
六、frames[]数组
frames[]数组代表浏览器窗口显示区中的各个独立的小区域。
|
