(转)JavaScript浏览器对象 -

maksimfsf

浏览: 27220 次
性别:

最近访客更多访客>>

ayiFuture

集xx

笨小孩在早起

yuu6

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

(转)JavaScript浏览器对象

博客分类：

JavaScript

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>

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：真彩色

分享到：