A.什么是DHTML?
javascript是在浏览器中运行的,如果它仅限于加减乘除运算,而不能将运算结果
显示在浏览器当中,或者不能与用户进行交互操作,那么他就失去了存在的意义。
在程序中,创建的对象是用来描述现实世界的有行或无形的事物的。
javascript将浏览器本身、网页文档、以及网页文档中的HTML元素等
都用相应的内置对象来表示,这些对象及对象之间的层次系统称为
DOM(Document Object Model,文档对象编程)。
用户通过鼠标或者按键在浏览器窗口或者网页元素上执行的操作,对DOM
对象来说,就称之为事件(Event)。譬如,用户用鼠标单击了网页上的
某个按钮,在这个按钮上就发生了鼠标单击事件,按钮就是“事件源”。
如果将一段程序代码与某个事件源上发生的某种事件相关联,当该事件源
上发生该事件时,浏览器便会自动执行与之关联的程序代码,从而引发的
一连串程序动作,这个过程被称之为事件驱动(Event Driver)。对事件
进行处理的程序或函数,被称之为事件处理程序(Event Handler),完成
对事件进行相应的动作。
CSS(级联样式表)、脚本编程语言和DOM的结合使用,能够使HTML文档与用户
具有交互性和动态变换性,这三种技术的单一成为叫DHTML(Dynamic HTML,
1.window对象
window对象代表浏览器的整个窗口,编程人员可以利用window对象控制浏览器窗口
的各个方向,如改变状态栏上的文字、弹出对话框、移动窗口的位置等。
对window对象的属性和方法的引用,可以省略"window."这个前缀,例如:
window.alert("你好")可以直接写成alert("你好")。
2.window对象-方法
(a)alert()方法:弹出一个对话框,有参的话带参。
(b)confirm()方法:显示一个具有“OK”和“cancel”按钮的对话框,
用户根据按钮选择,进而有返回值(true和false),编程人员可根据返
回的参数做相应的操作。
测试代码:
(c)prompt方法:用于显示一个用户可以输入信息的对话框,
并返回用户输入的内容。可以预设一个输入值。
测试:
当输入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测试:
information.html:
2.实现网页逐渐增大的效果
information.html:
转载请注明出处:http://blog.csdn.net/acmman/article/details/43924347
javascript是在浏览器中运行的,如果它仅限于加减乘除运算,而不能将运算结果
显示在浏览器当中,或者不能与用户进行交互操作,那么他就失去了存在的意义。
在程序中,创建的对象是用来描述现实世界的有行或无形的事物的。
javascript将浏览器本身、网页文档、以及网页文档中的HTML元素等
都用相应的内置对象来表示,这些对象及对象之间的层次系统称为
DOM(Document Object Model,文档对象编程)。
用户通过鼠标或者按键在浏览器窗口或者网页元素上执行的操作,对DOM
对象来说,就称之为事件(Event)。譬如,用户用鼠标单击了网页上的
某个按钮,在这个按钮上就发生了鼠标单击事件,按钮就是“事件源”。
如果将一段程序代码与某个事件源上发生的某种事件相关联,当该事件源
上发生该事件时,浏览器便会自动执行与之关联的程序代码,从而引发的
一连串程序动作,这个过程被称之为事件驱动(Event Driver)。对事件
进行处理的程序或函数,被称之为事件处理程序(Event Handler),完成
对事件进行相应的动作。
CSS(级联样式表)、脚本编程语言和DOM的结合使用,能够使HTML文档与用户
具有交互性和动态变换性,这三种技术的单一成为叫DHTML(Dynamic HTML,
动态HTML)。
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>
转载请注明出处:http://blog.csdn.net/acmman/article/details/43924347