javascript 浏览器对象结构
2009-07-24 18:20
387 查看
JavaScript浏览器对象
2009年03月27日 星期五 10:29
1、浏览器对象
JavaScript除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。
浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们关系如下
2、Window对象：
该对象位于最顶层，是其它对象的父对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象：window可以省略
Window.子对象1.子对象2.属性名或方法名
如：window.document.login.username.value=”guest”;
或document.login.username.value=”guest”;
（1）属性：status 用于设置浏览器状态行中所显示的信息。
<script language="javascript">（windowstatus.htm）
window.status="欢迎访问光临本站!";
</script>
（2）方法：
alert方法:
用法：window.alert(msg) （windowprompt.htm）
功能：用于弹出一个消息框，在消息框中显示msg所指定的消息文本。
Confirm方法：
用法：ret=window.confirm(msg) （windowprompt.htm）
功能：弹出一个确认对话框，在对话框中显示msg指定的询问文字，在询问窗口中将显示“确定”和“取消”按钮，若选择“确定”按钮，则返回true值；若选择“取消”，则返回false。
Prompt方法：（windowprompt.htm）
用法：ret=prompt(msg,defaultText)
功能：产生一个输入窗口，允许用户进行数据输入，所输入的数据作为该方法的返回值。即返回输入的值。Msg代表在对话窗口中所要显示的提示文
本；defaultText代表所要输入的默认值，为可选项。最后若单击“确定”按钮结束对话框，则返回所输入的值；若单击“取消”按钮，则返回null
值。
举例：
<script language="javascript">
name="";
name=window.prompt("请输入你的姓名:",name);
window.alert(name+"你好!下面要开始考试了!");
if (window.confirm("你确实准备好了吗?")){
window.location.href="exam.asp";
};
</script>
open方法：（windowopen.htm）
用法：winhwnd=window.open(url,windowname,paralist)
功能：该方法用于创建一个新的浏览器窗口，并在该窗口中载入url地址指定的网页。方法调用后，将返回该窗口对象，以后利用窗口对象的close()方法，可实现关闭该窗口。
参数说明：
url : 指定在新建的窗口中所要显示的网页的地址。
Windowname：给新建的浏览器窗口取一个名字，为可选项。
Paralist：是一个逗号分隔的参数列表，用以指定心窗口的大小和外观，为可选项。
参数及功能如下：
width 指定以象素为单位的窗口宽度
height 指定以象素为单位的窗口高度
top 窗口距离屏幕顶端的象素值
left 窗口距离屏幕左端的象素值
toolbar 指定窗口是否显示标准工具栏，设置为no不显示，yes显示
menubar 指定窗口是否显示菜单栏，设置为no不显示，yes显示
directories 指定窗口是否显示目录按钮
scrollbars 指定当网页文档大于窗口时，是否显示滚动条
resizable 指定窗口运行时是否可以改变大小
location 指定窗口是否显示地址栏
status 指定窗口是否显示状态兰
fullscreen 指定窗口是否全屏显示，设置为yes全屏显示
例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function openwin(url) {
var newwin=window.open(url,"winname","toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsizable=no,width=500,height=360");
newwin.focus();
return(newwin);
}
</script>
</head>
<body>
<a href="#" onClick="JavaScript:openwin('meintro.asp')">作者简介</a>
</body>
close方法：
用法：窗口对象.close()
功能：关闭指定的浏览器窗口。
举例说明（关闭.htm）
<div align="center"><a href=# onClick="JavaScript:self.close()">关闭</a></div>
setTimeout方法：（setTimeout.htm）
用法：timer=setTimeout(expression,num)
功能：创建一个定时器，实现经过指定的num毫秒后，自动调用执行expression所指定的语句。
例：<html>
<head>
<Script language="JavaScript">
function closeit(){setTimeout("self.close()",1000)}
</Script>
</head>
<body OnLoad="closeit()">
</body>
</html>
clearTimeout方法：（clearTimeout.htm）
用法：clearTimeout(timer)
功能：用于结束timer指定的定时器。Timer为setTimeout的返回值。
例：清除定时器；
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>时钟</title>
<script language="JavaScript">
var timer;
function clock() {
var timestr="";
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
timestr+=hours;
timestr+=((minutes<10)? ":0" : ":")+minutes;
timestr+=((seconds<10)? ":0" : ":")+seconds;
window.document.frmclock.txttime.value=timestr;
timer=setTimeout('clock()',1000); //设置定时器
}
function stopit()
{clearTimeout(timer);}
</script>
</head>
<body>
<form action="" method="post" name="frmclock" id="frmclock">
<p>
当前时间：
<input name="txttime" type="text" id="txttime">
</p>
<p>
<input type="button" name="Submit" value="启动始终" onclick="clock()">
<input type="button" name="Submit2" value="停止时钟" onclick="stopit()">
</p>
</form>
</body>
</html>
将上述程序稍 加更改， 可以创建定时闹钟程序（闹钟.htm）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>时钟</title>
<script language="JavaScript">
var timer;
function clock() {
var timestr="";
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
timestr+=hours;
timestr+=((minutes<10)? ":0" : ":")+minutes;
timestr+=((seconds<10)? ":0" : ":")+seconds;
window.document.frmclock.txttime.value=timestr;
if (window.document.frmclock.settime.value==timestr) {
window.alert("起床啦！");
}
timer=setTimeout('clock()',1000);
}
function stopit() {clearTimeout(timer);}
</script>
</head>
<body>
<form action="" method="post" name="frmclock" id="frmclock">
<p>
当前时间：
<input name="txttime" type="text" id="txttime">
</p>
<p>设定闹钟：
<input name="settime" type="text" id="settime">
</p>
<p>
<input type="button" name="Submit" value="启动始终" onclick="clock()">
<input type="button" name="Submit2" value="停止时钟" onclick="stopit()">
</p>
</form>
</body>
</html>
3、location对象：
该对象包含有当前网页的URL（统一资源定位器，即网址）。该对象有一个常用的href属性和 reload()方法。
href属性：用于指 定导航到的网页， 作用等价于<a>标 记符的功能。
如要将当前页面切换到main.htm，则实现代码为：
window.location.href=”main.htm”
举例：（location..htm）
<body>
<a href=# onClick="Javascript:window.location.href=’闹钟.htm ‘">按此处到下一个页面</a>
</body>
reload()方法：实现当前网页的重新装载。
若要重新装载当前页面，实现代码：window.location.reload();
（reload..htm）
4、history对象：
该对象包含有最近10个网页的URL的地址。它有一个length属性，可以返回当前有多少个URL存储在history对象
中。（length..htm）利用该对象提供的方法，可以实现网页的导航。常用的方法为go（数值）方法，可以让浏览器前进或后退到已经访问过的某个页
面。数值为负数往回后退到曾访问过的倒数第几个页面，等价于浏览器中的“后退”。数值为正数表示前进到曾访问过的页面，等价于浏览器中的“前进”。
如：window.history.go(-1) 后退到曾访问过的倒数第一个页面
window.history.go(-2) 后退到曾访问过的倒数第二个页面
window.history.go(1) 前进到曾访问过的第一个页面
window.history.go(0) 重新装载当前页面
举例：（history.htm）
<body>
<a href=# onClick="Javascript:window.history.go(-1)">该网页是跳转后的页面,请按此处回到上一个页面!</a>
</body>
5、external对象：
该对象有一个常用的addFavorite方法，利用该方法，可实现将指定的网页添加到收藏夹中。用法：window.external.addFavorite(“要收藏的网址”,”在收藏夹中的显示标题”)。
（external.htm）
<body>
这是一个值得珍藏的网页!<a href=# onClick="Javascript:window.external.addFavorite('http://www.ahip.cn','安徽工业职业技术学院')">点击珍藏</a>
</body>
6、document对象：代表当前网页，其常用方法为write用于在当前页面中输出HTML语句；
<script language="javascript">（document.htm）
var curday=new Date();
document.write("今天是:");
switch(curday.getDay()) {
case 1:
document.write("星期一");break;
case 2:
document.write("星期二");break;
case 3:
document.write("星期三");break;
case 4:
document.write("星期四");break;
case 5:
document.write("星期五");break;
case 6:
document.write("<font color='FF0000'>星期六</font>");break;
case 0:
document.write("<font color='FF0000'>星期日</font>");break;
}
</script>
方法 ：
open() 打开文档以便 JavaScript 能向文档的当前位置（指插入 JavaScript 的位置）写入数据。通常不需要用这个方法，在需要的时候 JavaScript 自动调用。
write(); writeln() 向文档写入数据，所写入的会当成标准文档 HTML 来处理。writeln() 与 write()
的不同点在于，writeln() 在写入数据以后会加一个换行。这个换行只是在 HTML 中换行，具体情况能不能够是显示出来的文字换行，要看插入
JavaScript 的位置而定。如在<pre>标记中插入，这个换行也会体现在文档中。
clear() 清空当前文档。
close() 关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不必使用该方法.
7、screen 屏幕对象 反映了当前用户的屏幕设置。
属性
width 返回屏幕的宽度（像素数）。
height 返回屏幕的高度。
availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
availHeight 返回屏幕的可用高度。
colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：256色；16：增强色；24/32：真彩色
2009年03月27日 星期五 10:29
1、浏览器对象
JavaScript除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。
浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们关系如下
2、Window对象：
该对象位于最顶层，是其它对象的父对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象：window可以省略
Window.子对象1.子对象2.属性名或方法名
如：window.document.login.username.value=”guest”;
或document.login.username.value=”guest”;
（1）属性：status 用于设置浏览器状态行中所显示的信息。
<script language="javascript">（windowstatus.htm）
window.status="欢迎访问光临本站!";
</script>
（2）方法：
alert方法:
用法：window.alert(msg) （windowprompt.htm）
功能：用于弹出一个消息框，在消息框中显示msg所指定的消息文本。
Confirm方法：
用法：ret=window.confirm(msg) （windowprompt.htm）
功能：弹出一个确认对话框，在对话框中显示msg指定的询问文字，在询问窗口中将显示“确定”和“取消”按钮，若选择“确定”按钮，则返回true值；若选择“取消”，则返回false。
Prompt方法：（windowprompt.htm）
用法：ret=prompt(msg,defaultText)
功能：产生一个输入窗口，允许用户进行数据输入，所输入的数据作为该方法的返回值。即返回输入的值。Msg代表在对话窗口中所要显示的提示文
本；defaultText代表所要输入的默认值，为可选项。最后若单击“确定”按钮结束对话框，则返回所输入的值；若单击“取消”按钮，则返回null
值。
举例：
<script language="javascript">
name="";
name=window.prompt("请输入你的姓名:",name);
window.alert(name+"你好!下面要开始考试了!");
if (window.confirm("你确实准备好了吗?")){
window.location.href="exam.asp";
};
</script>
open方法：（windowopen.htm）
用法：winhwnd=window.open(url,windowname,paralist)
功能：该方法用于创建一个新的浏览器窗口，并在该窗口中载入url地址指定的网页。方法调用后，将返回该窗口对象，以后利用窗口对象的close()方法，可实现关闭该窗口。
参数说明：
url : 指定在新建的窗口中所要显示的网页的地址。
Windowname：给新建的浏览器窗口取一个名字，为可选项。
Paralist：是一个逗号分隔的参数列表，用以指定心窗口的大小和外观，为可选项。
参数及功能如下：
width 指定以象素为单位的窗口宽度
height 指定以象素为单位的窗口高度
top 窗口距离屏幕顶端的象素值
left 窗口距离屏幕左端的象素值
toolbar 指定窗口是否显示标准工具栏，设置为no不显示，yes显示
menubar 指定窗口是否显示菜单栏，设置为no不显示，yes显示
directories 指定窗口是否显示目录按钮
scrollbars 指定当网页文档大于窗口时，是否显示滚动条
resizable 指定窗口运行时是否可以改变大小
location 指定窗口是否显示地址栏
status 指定窗口是否显示状态兰
fullscreen 指定窗口是否全屏显示，设置为yes全屏显示
例：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function openwin(url) {
var newwin=window.open(url,"winname","toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsizable=no,width=500,height=360");
newwin.focus();
return(newwin);
}
</script>
</head>
<body>
<a href="#" onClick="JavaScript:openwin('meintro.asp')">作者简介</a>
</body>
close方法：
用法：窗口对象.close()
功能：关闭指定的浏览器窗口。
举例说明（关闭.htm）
<div align="center"><a href=# onClick="JavaScript:self.close()">关闭</a></div>
setTimeout方法：（setTimeout.htm）
用法：timer=setTimeout(expression,num)
功能：创建一个定时器，实现经过指定的num毫秒后，自动调用执行expression所指定的语句。
例：<html>
<head>
<Script language="JavaScript">
function closeit(){setTimeout("self.close()",1000)}
</Script>
</head>
<body OnLoad="closeit()">
</body>
</html>
clearTimeout方法：（clearTimeout.htm）
用法：clearTimeout(timer)
功能：用于结束timer指定的定时器。Timer为setTimeout的返回值。
例：清除定时器；
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>时钟</title>
<script language="JavaScript">
var timer;
function clock() {
var timestr="";
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
timestr+=hours;
timestr+=((minutes<10)? ":0" : ":")+minutes;
timestr+=((seconds<10)? ":0" : ":")+seconds;
window.document.frmclock.txttime.value=timestr;
timer=setTimeout('clock()',1000); //设置定时器
}
function stopit()
{clearTimeout(timer);}
</script>
</head>
<body>
<form action="" method="post" name="frmclock" id="frmclock">
<p>
当前时间：
<input name="txttime" type="text" id="txttime">
</p>
<p>
<input type="button" name="Submit" value="启动始终" onclick="clock()">
<input type="button" name="Submit2" value="停止时钟" onclick="stopit()">
</p>
</form>
</body>
</html>
将上述程序稍 加更改， 可以创建定时闹钟程序（闹钟.htm）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>时钟</title>
<script language="JavaScript">
var timer;
function clock() {
var timestr="";
var now=new Date();
var hours=now.getHours();
var minutes=now.getMinutes();
var seconds=now.getSeconds();
timestr+=hours;
timestr+=((minutes<10)? ":0" : ":")+minutes;
timestr+=((seconds<10)? ":0" : ":")+seconds;
window.document.frmclock.txttime.value=timestr;
if (window.document.frmclock.settime.value==timestr) {
window.alert("起床啦！");
}
timer=setTimeout('clock()',1000);
}
function stopit() {clearTimeout(timer);}
</script>
</head>
<body>
<form action="" method="post" name="frmclock" id="frmclock">
<p>
当前时间：
<input name="txttime" type="text" id="txttime">
</p>
<p>设定闹钟：
<input name="settime" type="text" id="settime">
</p>
<p>
<input type="button" name="Submit" value="启动始终" onclick="clock()">
<input type="button" name="Submit2" value="停止时钟" onclick="stopit()">
</p>
</form>
</body>
</html>
3、location对象：
该对象包含有当前网页的URL（统一资源定位器，即网址）。该对象有一个常用的href属性和 reload()方法。
href属性：用于指 定导航到的网页， 作用等价于<a>标 记符的功能。
如要将当前页面切换到main.htm，则实现代码为：
window.location.href=”main.htm”
举例：（location..htm）
<body>
<a href=# onClick="Javascript:window.location.href=’闹钟.htm ‘">按此处到下一个页面</a>
</body>
reload()方法：实现当前网页的重新装载。
若要重新装载当前页面，实现代码：window.location.reload();
（reload..htm）
4、history对象：
该对象包含有最近10个网页的URL的地址。它有一个length属性，可以返回当前有多少个URL存储在history对象
中。（length..htm）利用该对象提供的方法，可以实现网页的导航。常用的方法为go（数值）方法，可以让浏览器前进或后退到已经访问过的某个页
面。数值为负数往回后退到曾访问过的倒数第几个页面，等价于浏览器中的“后退”。数值为正数表示前进到曾访问过的页面，等价于浏览器中的“前进”。
如：window.history.go(-1) 后退到曾访问过的倒数第一个页面
window.history.go(-2) 后退到曾访问过的倒数第二个页面
window.history.go(1) 前进到曾访问过的第一个页面
window.history.go(0) 重新装载当前页面
举例：（history.htm）
<body>
<a href=# onClick="Javascript:window.history.go(-1)">该网页是跳转后的页面,请按此处回到上一个页面!</a>
</body>
5、external对象：
该对象有一个常用的addFavorite方法，利用该方法，可实现将指定的网页添加到收藏夹中。用法：window.external.addFavorite(“要收藏的网址”,”在收藏夹中的显示标题”)。
（external.htm）
<body>
这是一个值得珍藏的网页!<a href=# onClick="Javascript:window.external.addFavorite('http://www.ahip.cn','安徽工业职业技术学院')">点击珍藏</a>
</body>
6、document对象：代表当前网页，其常用方法为write用于在当前页面中输出HTML语句；
<script language="javascript">（document.htm）
var curday=new Date();
document.write("今天是:");
switch(curday.getDay()) {
case 1:
document.write("星期一");break;
case 2:
document.write("星期二");break;
case 3:
document.write("星期三");break;
case 4:
document.write("星期四");break;
case 5:
document.write("星期五");break;
case 6:
document.write("<font color='FF0000'>星期六</font>");break;
case 0:
document.write("<font color='FF0000'>星期日</font>");break;
}
</script>
方法 ：
open() 打开文档以便 JavaScript 能向文档的当前位置（指插入 JavaScript 的位置）写入数据。通常不需要用这个方法，在需要的时候 JavaScript 自动调用。
write(); writeln() 向文档写入数据，所写入的会当成标准文档 HTML 来处理。writeln() 与 write()
的不同点在于，writeln() 在写入数据以后会加一个换行。这个换行只是在 HTML 中换行，具体情况能不能够是显示出来的文字换行，要看插入
JavaScript 的位置而定。如在<pre>标记中插入，这个换行也会体现在文档中。
clear() 清空当前文档。
close() 关闭文档，停止写入数据。如果用了 write[ln]() 或 clear() 方法，就一定要用 close() 方法来保证所做的更改能够显示出来。如果文档还没有完全读取，也就是说，JavaScript 是插在文档中的，那就不必使用该方法.
7、screen 屏幕对象 反映了当前用户的屏幕设置。
属性
width 返回屏幕的宽度（像素数）。
height 返回屏幕的高度。
availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。
availHeight 返回屏幕的可用高度。
colorDepth 返回当前颜色设置所用的位数 - 1：黑白；8：256色；16：增强色；24/32：真彩色
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- javascript 对象属性property与元素属性attribute的浏览器支持
- 浅谈JavaScript的内置对象和浏览器对象
- JavaScript基础——浏览器对象模型（BOM）
- JavaScript -- 浏览器对象小结
- Javascript高级程序设计——BOM（浏览器对象模型）
- JavaScript跨浏览器处理事件以及相关对象
- javascript学习笔记（八）：浏览器对象
- 对象检测(objectdetection)----检测浏览器对JavaScript的支持程度
- JavaScript的对象层次结构
- 浅谈JavaScript 浏览器对象
- JavaScript Window- 浏览器对象模型和W3C
- JavaScript浏览器对象操作
- javascript的window.ActiveXObject对象，区别浏览器的方法
- JAvaScript和DOM（文档对象模型）和BOM（浏览器对象模型）
- javascript浏览器对象之screen对象
- javaScript 内置对象和浏览器对象
- HTML浏览器对象的结构
- JavaScript中的Navigator浏览器对象
- Javascript基础学习(一):浏览器内部对象
- javascript之window对象（浏览器对象模型）