A.什么是DHTML？
javascript是在浏览器中运行的，如果它仅限于加减乘除运算，而不能将运算结果
显示在浏览器当中，或者不能与用户进行交互操作，那么他就失去了存在的意义。

在程序中，创建的对象是用来描述现实世界的有行或无形的事物的。

javascript将浏览器本身、网页文档、以及网页文档中的HTML元素等
都用相应的内置对象来表示，这些对象及对象之间的层次系统称为
DOM(Document Object Model，文档对象编程)。

用户通过鼠标或者按键在浏览器窗口或者网页元素上执行的操作，对DOM
对象来说，就称之为事件（Event）。譬如，用户用鼠标单击了网页上的
某个按钮，在这个按钮上就发生了鼠标单击事件，按钮就是“事件源”。

如果将一段程序代码与某个事件源上发生的某种事件相关联，当该事件源
上发生该事件时，浏览器便会自动执行与之关联的程序代码，从而引发的
一连串程序动作，这个过程被称之为事件驱动（Event Driver）。对事件
进行处理的程序或函数，被称之为事件处理程序（Event Handler），完成
对事件进行相应的动作。

CSS(级联样式表)、脚本编程语言和DOM的结合使用，能够使HTML文档与用户
具有交互性和动态变换性，这三种技术的单一成为叫DHTML(Dynamic HTML,

动态HTML)。




B.有关windows对象

1.window对象



window对象代表浏览器的整个窗口，编程人员可以利用window对象控制浏览器窗口


的各个方向，如改变状态栏上的文字、弹出对话框、移动窗口的位置等。



对window对象的属性和方法的引用，可以省略"window."这个前缀，例如：


window.alert("你好")可以直接写成alert("你好")。



2.window对象-方法


(a)alert()方法：弹出一个对话框，有参的话带参。


(b)confirm()方法：显示一个具有“OK”和“cancel”按钮的对话框，


用户根据按钮选择，进而有返回值(true和false)，编程人员可根据返


回的参数做相应的操作。



测试代码：


<html>
<script language="javascript">
if(window.confirm("你好吗？"))
{
    window.alert("你好");
}else{
    window.alert("你不好");
}
</script>
<h1>abcd</h1>
</html>


(c)prompt方法：用于显示一个用户可以输入信息的对话框，


并返回用户输入的内容。可以预设一个输入值。



测试：


<html>
<script language="javascript">
alert(prompt("年龄","18"));
</script>
<h1>abcd</h1>
</html>

出现一个可以输入东西的对话框，对话框里默认是18.


当输入25按确定时，返回25。



(d)navigate方法：用于将当前窗口导航到新的URL资源上。


(e)setInterval方法：设置浏览器每隔多长时间来定期调


用里面设置的代码，设置时间以毫秒为单位。


(f)setTimeout方法：设置浏览器过多长时间以后，去执行


指定的代码，设置时间以毫秒为单位。


(g)clearInterval方法：取消前面所调用的setInterval的


方法的设置效果，传递给clearInterval方法的参数，必须


是他要取消的setInterval的方法的返回值。


(h)clearTimeout方法：取消前面所调用的setTimeout的


方法的设置效果，传递给clearTimeout方法的参数，必须


是他要取消的setTimeout的方法的返回值。


(i)moveTo方法：将浏览器窗口移动到屏幕上的某个位置(左上角)


(j)resizeTo：改变浏览器窗口的大小


(k)open方法：用于打开一个新的窗口，必须给open一个url参数、


窗口的名称以及一些窗口的特性，才能让其跳转。


(l)showModalDialog方法：用于产生一个模态对话框窗口，对话框


窗口的特点是不能改变窗口的大小，没有导航条，菜单栏等图形元素，


用户必须关闭对模态话框之后才能回到网页进行操作。


(m)showModelessDialog：产生一个非模态对话窗口，用户不需要


非得关闭窗口才能进行操作。




各种测试：


1.open测试：


<script>
    window.open("information.html","_blank",
    "top=0,left=0,width=200,height=200,toolbar=no");
   //设置fullscreen=yes,toolbar=no,titlebar=no
   //会弹出占满窗口的网页
</script>


information.html:


<script language="javascript">
    window.setTimeout("window.close()",5000);
</script>
<body>
<center><h1>通知</h1></center>
5秒后，这个窗口会关闭！
</body>


2.实现网页逐渐增大的效果


information.html:


<script language="javascript">
    window.setTimeout("window.close()",5000);
    window.setInterval("grow()",100);
    function grow()
    {
        window.resizeBy(5,5);
    }
</script>
<body>
<center><h1>通知</h1></center>
5秒后，这个窗口会关闭！
</body>