【JavaScript】DOM编程-DHTML与Windows对象

最新推荐文章于 2021-05-23 21:18:50 发布

光仔December

最新推荐文章于 2021-05-23 21:18:50 发布

阅读量1.5k

点赞数 1

分类专栏： JavaScript JavaScript的基础与DOM编程文章标签： JavaScript 脚本编程语言 DHTML Windows对象 DOM编程

本文链接：https://blog.csdn.net/acmman/article/details/43924347

版权

JavaScript 同时被 2 个专栏收录

40 篇文章 9 订阅

订阅专栏

JavaScript的基础与DOM编程

27 篇文章 21 订阅

订阅专栏

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>

转载请注明出处:http://blog.csdn.net/acmman/article/details/43924347

光仔December

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【JavaScript】DOM编程-DHTML与Windows对象

A.什么是DHTML？javascript是在浏览器中运行的，如果它仅限于加减乘除运算，而不能将运算结果显示在浏览器当中，或者不能与用户进行交互操作，那么他就失去了存在的意义。在程序中，创建的对象是用来描述现实世界的有行或无形的事物的。javascript将浏览器本身、网页文档、以及网页文档中的HTML元素等都用相应的内置对象来表示，这些对象及对象之间的层次系统称为
复制链接

扫一扫