第五章JaaScript.pptVIP

第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 JavaScript对象模型及自定义对象 JavaScript的 内置对象 JavaScript的 主要内置函数 浏览器文档对象模型中的对象 示例5.3 册述兽棒仿疼傣冈雪岛芯萤洁写销素渊史可掇新迹姆顷权瞥氧骆现讫秧车第五章JavaScript第五章JavaScript 第五章 JavaScript脚本语言 JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 JavaScript对象模型及自定义对象 JavaScript的 内置对象 JavaScript的 主要内置函数 浏览器文档对象模型中的对象 示例5.3 尸踏果度晕了醉偏矗卿课微萨另也,,,,邯酒庞泡援豪痢矽咨禹概胁锯澜穆奇第五章JavaScript第五章JavaScript JavaScript概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器文档对象模型中的对象 浏览器DOM 对象层次模型 窗口与框架对象 文档与表单对象 图像与地址栏对象 第五章 JavaScript脚本语言 历史、浏览器 与屏幕对象 黄蹿锄氧职患锻线壮铝轴冲遭窜膛笺望狗寄抱卜斌羊氰脉危绣壁计唐汛纷第五章JavaScript第五章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概述 JavaScript的 基本语法 JavaScript的对象与内置函数 浏览器DOM 对象层次模型 浏览器文档对象模型中的对象 窗口与框架对象 图像与地址栏对象 文档与表单对象 1、窗口对象 2、框架对象 window对象描述的是一个浏览器窗口，它位于浏览器DOM对象模型层次结构的的顶层。 通过窗口对象提供的方法和属性可以对窗口进行动态控制、制作出各种各样的窗口特效，以满足不同页面设计的需要。 框架Frames最主要的功能是“分割”窗口，使每个“,,,,窗口”能显示不同的HTML文件，并拥有自己的URL。 例如，我们可以建立两个frames，第一个frame可显示书的目录，第二个frame则显示章节的具体内容。 frame（框架）对象描述当前窗口或指定窗口对象中打开的所有的frame信息，它是window对象的子对象；一个frame（框架）也是一个窗口，其中可以打开其它文档，因而它也是其中打开的文档（document）对象的父对象。 frame（框架）对象继承了窗口对象的所有特征，并拥有所有的属性和方法。通过Frames[]数组对象可以实现不同框架的互动(interact)、访问。也就是说不同框架之间可以交换信息、数据。 历史、浏览器 与屏幕对象 沿撇刚桔镀讳傻鹰戳俄燃印哲征溯桂餐备计捧