一、目的和要求：
1、深刻认识浏览器的功能和其提供的各种对象，了解这些对象所提供的各种方法；熟练在Javascript编程调用浏览器中对象实现常用的功能的方法；
2、熟悉面向对象程序设计的工作原理，了解各类对象的事件响应从而实现动态交互式页面；
二、重点与难点：
1、浏览器提供的对象；
2、JavaScript语言中的事件处理；
三、教学进程：
1、浏览器对象
JavaScript除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。
浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们大关系如下
2、Window对象：
该对象位于最顶层，是其它对象的父对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象：window可以省考略
Window.子对象1.子对象2.属性名或方法名
如：window.document.login.username.value=”guest”;
或document.login.username.value=”guest”;
属性：status
<script language="javascript">（chapter03/section4/ windowstatus.asp）
window.status="欢迎访问光临本站!";
</script>
方法：（chapter03/section4/ windowprompt.asp）
alert方法，没有返回值！
Confirm方法：返回逻辑值返回按“是”返回true，否则返回false
Prompt：返回输入的值。
举例：
<script language="javascript">
name="";
name=window.prompt("请输入你的姓名:",name);
window.alert(name+"你好!下面要开始考试了!");
if (window.confirm("你确实准备好了吗?")){
window.location.href="exam.asp";
};
</script>
open方法：（chapter03/section4/ windowopen.asp）
用法：winhwnd=window.open(url,windowname,paralist)
<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方法：举例说明
<div align="center"><a href=# onClick="JavaScript:self.close()">关闭</a></div>
setTimeout方法：创建定时器，经过指定的毫秒后，自动调用指定的语句；
clearTimeout方法：清除定时器；（chapter03/section4/ clock.asp）
<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=&q
