DW网页设计—第14章 JavaScript入门概要1.ppt

14.4.2 WINDOW对象方法 上述例子定义了变量（如：newWindow1），当运行window.open()方法时将新窗口的引用赋给变量newWindow1，之后就可以通过引用newWindow1调用方法来控制新窗口。open()方法有3个参数： 第一个参数是要打开的页面的URL，当新窗口与主窗口在同一目录下时，直接写文件名就行。 第2个参数是新窗口的名称，如果打开新窗口时为空，之后还可通过设置。 其中第3个参数是窗口风格的设置。 14.4.2 WINDOW对象方法 close()方法是与open()方法对应的，来关闭窗口。 alert()方法：弹出一个警告对话框显示参数。单击对话框中的“确定”按钮就可退出对话框。 这是一个简单的例子： alert(北京2008Olympic！One World，One Dream！); 注意：完整的引用格式是：window.alert(字符串);，但是对于对话框窗口都不引用window，而直接使用方法，这样简单一些。 14.4.2 WINDOW对象方法 confirm()方法：显示一个具有OK和Cancel按钮的对话框，根据用户的选择分别返回true或者false，程序根据这个返回值进行不同的处理。例如： var answer=confirm(Are you access the website?); if(answer) { location.href=; //跳转到 } 14.4.2 WINDOW对象方法 prompt()方法：显示一个用户可以输入信息的对话框，并返回用户输入的内容。第1个参数是提示信息，以字符串形式表达。第2个参数是输入信息的默认值，可以提供输入信息的样本。例如： var answer=prompt(what is your name?,); if(answer) { alert(Hello!+answer+,WELCOME!); } 14.4.3 事件 在操作浏览器时，大多数使用者多半的动作都是通过鼠标操作引起的，另一些就是敲击键盘引起的，因为鼠标和键盘是日常生活中最常用的输入设备。window对象的事件是最令人入迷的部分之一。没有事件处理程序就会显得死板，不够灵活。 window对象的事件处理程序要放在body标签的时间属性设置中，如： onload=window_onload() 14.5 DOCUMENT对象 document对象是window对象的一个对象属性，代表浏览器窗口中装载的整个HTML文档。文档中的每个HTML元素都对应着JavaScript对象。设计者要结合HTML标签和JavaScript产生最佳效果。因为document代表整个HTML文档，是其他HTML元素的根结点，其他节点可以通过document引用。document的属性和方法一般来设置页面文档的外观和内容。 14.5.1 DOCUMENT对象属性 document对象的属性实现的功能使用HTML中的标签也可以实现，从其表面效果来看是差不多的，但是与事件处理程序结合使用的时候就体现出了二者的不同。常用的属性如下表所示。 14.5.2 DOCUMENT对象方法 document对象的方法最常用的就是writeln()方法，以下是一些常用的document对象方法，如下表所示。 14.5.3 DOCUMENT对象事件 document对象常用的事件处理程序就是window对象中介绍的通用事件，此处不再赘述。 14.6 案例：一个运用JAVASCRIPT实现的动态页面 通过前面的学习已经知道JavaScript可以用来实现表单验证，例如登录某个论坛时需要填写用户名和密码；还可以响应鼠标单击事件、键盘敲击事件、窗口移动事件、窗口大小改变事件、文档载入事件、文档卸载事件等。这就是JavaScript为什么能创建动态HTML页面，从而实现用户与浏览器交互，使得在有限的页面中展现更多的内容，使网站更加生动，吸引更多的浏览者，给用户良好的体验。 14.7 小结 本章对于JavaScript的探讨仅仅是停留在帮助读者能够从HTML学习过渡到JavaScript的学习，是为了帮助读者今后学习JavaScript做一个入门的启发。 第14章 JAVASCRIPT入门 将JavaScript引入HTML目的在于实现客户与浏览器之间的动态交互，上一章已经初步体验到了其效果。JavaScript是基于对象的脚本语言，即所有的编程均以对象为出发点。把JavaScript中的元素划分给大大小小的对象，对象中仍然包含对象。 14.1 了解一下何为“对象” “对象”这个词相