第五章JavaScript.pptVIP

第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 JavaScript对象模型及自定义对象 JavaScript的 内置对象 JavaScript的 主要内置函数 浏览器文档对象模型中的对象 示例5.3 第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 JavaScript对象模型及自定义对象 JavaScript的 内置对象 JavaScript的 主要内置函数 浏览器文档对象模型中的对象 示例5.3 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器文档对象模型中的对象 浏览器DOM 对象层次模型 窗口与框架对象 文档与表单对象 图像与地址栏对象 第五章 JavaScript脚本语言 历史、浏览器 与屏幕对象 第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器DOM 对象层次模型 浏览器文档对象模型中的对象 窗口与框架对象 文档与表单对象 图像与地址栏对象 2、对象的引用 1、对象的说明 在浏览器文档对象模型的层次结构中，各对象的关系如同家庭中的父子关系。在图5-4中，浏览器的窗口（window）对象是所有其它对象的父对象。 其下面又有多个子对象，主要包括： History（历史）：代表用户浏览过的网页历史； Location（地址）：代表用户在当前窗口所打开的网页地址； Document（文档）：代表用户在当前窗口所打开的HTML文档；它里面又包含了多个子对象，像（Form）表单、(Image)图像、(Layer)图层等子对象。 Frame（框架）：代表用户在当前窗口所打开的框架文档； 浏览器文档对象模型的层次结构中，每个对象或是子对象都具有自己的属性和方法，可以通过JavaScript访问，像打印一张网页、改变链接地址等，访问的方法总是从高层对象开始向底层对象定位，各层之间通过圆点符号“.”连接。 引用某个子对象的属性和方法的语法格式是：父对象1. 父对象2. ……子对象名.属性名（或方法） 例如：当前文档中有一个名为 myform1的表单，它的一个文本框名为 text1，则为了引用该文本框的 value 属性，我们可以用下面的代码： var str= document.myform1.text1.value；document.write( str); 历史、浏览器 与屏幕对象 第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器DOM 对象层次模型 浏览器文档对象模型中的对象 窗口与框架对象 图像与地址栏对象 文档与表单对象 1、窗口对象 2、框架对象 window对象描述的是一个浏览器窗口，它位于浏览器DOM对象模型层次结构的的顶层。 通过窗口对象提供的方法和属性可以对窗口进行动态控制、制作出各种各样的窗口特效，以满足不同页面设计的需要。 框架Frames最主要的功能是“分割”窗口，使每个“小窗口”能显示不同的HTML文件，并拥有自己的URL。 例如，我们可以建立两个frames，第一个frame可显示书的目录，第二个frame则显示章节的具体内容。 frame（框架）对象描述当前窗口或指定窗口对象中打开的所有的frame信息，它是window对象的子对象；一个frame（框架）也是一个窗口，其中可以打开其它文档，因而它也是其中打开的文档（document）对象的父对象。 frame（框架）对象继承了窗口对象的所有特征，并拥有所有的属性和方法。通过Frames[]数组对象可以实现不同框架的互动(interact)、访问。也就是说不同框架之间可以交换信息、数据。 历史、浏览器 与屏幕对象 第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器文档对象模型中的对象 窗口与框架对象 图像与地址栏对象 文档与表单对象 浏览器DOM 对象层次模型 2、Form（表单）对象 1、Document（文档）对象 document（文档）对象描述当前窗口或指定窗口对象中打开的文档，它是window对象的子对象，提供了访问文档中所有元素的属性和方法，是最常用的对象之一。而document对象也包含着很多子对象，像表单、图