网页设计与制作案例教程课件陈承欢第26单元.pptVIP

* * 尚辅网 / 第13章　JavaScript技术 本次课程重点学习JavaScript的对象以及JavaScript代码嵌入HTML文档的方法。 课程引导 知识技能目标 （1）了解JavaScript的对象，掌握Window对象、Document对象和常用的内置对象。 （2）掌握JavaScript代码嵌入HTML代码的方法。 （3）熟悉应用JavaScript技术制作的几种常见的网页特效。 本章操作任务 在文件夹“14JS技术”中创建网页14_2.html，该网页打开时会自动弹出一个小窗口，网页中图像禁止下载。 13.4 JavaScript的对象 13.5 JavaScript代码嵌入HTML文档的方法 13.4　JavaScript的对象 JavaScript对象的层次结构中最顶层的对象是窗口对象（window），它代表当前的浏览器窗口。Window对象常用的方法有： open()、close()、alert()、confirm()、prompt()。 13.4.1　JavaScript对象的层次结构 1．第一层次 窗口对象window之下是文档(document)、浏览器(navigator)、屏幕(screen)、事件(event)、框架(frame)、历史(history)、地址(location)。 2．第二层次 文档对象之下包括表单(form)、图像(image)、链接(link)、锚对象(anchor)等多种对象。浏览器对象之下包括MIME类型对象(mimeType)、插件对象(plugin)等。 3．第三层次 表单对象之下包括按钮(button)、复选框(checkbox)、单选按钮(radio)、文件域(fileUpload)等。 4．第四层次 Window对象代表当前窗口，是每一个已打开的浏览器窗口的父对象，包含了Document、navigator、location、history等子对象。 13.4.2　Window对象 该对象常用的属性与方法有： （1）status属性：表示窗口状态栏中的信息。 （2）alert(string)：显示提示信息对话框。 （3）confirm()：显示确认对话框，该对话框中包含“确定”和“取消”两个按钮，如果单击“确定”按钮，则返回true，如果单击“取消”按钮，则返回false。 （4）open( 参数表 )：创建一个新窗口实例。 Document对象代表当前浏览器窗口中的文档，使用它可以访问到文档中的对象，例如图像、表单等。 13.4.3　 Document对象 Document对象常用的属性与方法有： （1）all属性：表示文档中所有HTML标记符的数组。 （2）bgColor属性：用于描述文档的背景颜色。 （3）forms属性：表示文档中所有表单的数组。 （4）title属性：表示文档的标题。 （5）write方法：将字符或变量值输出到窗口。 （6）close方法：将输出关闭。 1．Navigator对象 13.4.4　其他的浏览器对象 提供了浏览器环境的信息，包括浏览器的版本号、运行的平台等信息。 2．Location对象 表示窗口中显示的当前网页的URL地址，可以使用该对象让浏览器打开某网页。 3．History对象 表示窗口中最近访问网页的URL地址。 JavaScript提供了一些内置的对象和函数，常用的内置对象有： 13.4.5　JavaScript的内置对象 一般利用string对象提供的函数来处理字符串。String对象字符串的处理主要提供了以下方法：substring ()、charAt()、indesOf()、lastIndexOf()、toLowerCase()、toUpperCase()。 1．string对象 math对象包含用于各种数学运算的属性和方法，math对象的内置方法可以在不使用构造函数创建对象的情况直接调用。调用形式为： math.数学函数（参数） 2．math对象 date对象也就是日期对象，日期对象主要用于从系统中获得当前的日期和时间，设置当前日期和时间，在时间、日期同字符串之间转换。 3．date对象 array对象也就是数组对象，利用new构造数组对象。JavaScript和C语言一样，数组的下标从“0”开始的，创建数组后，能够用“[ ]”符号访问数组元素。 4．array对象 提供JavaScript事件的各种处理信息。 5．事件对象 JavaScript中引用对象时根据对象的包含关