Web前端开发案例教程——HTML+CSS+JavaScript (10).pptVIP

10.3其他对象 10.3.1 history对象 history对象提供用户最近浏览过的URL对象 10.3.2 location对象 Location对象提供当前页面的URL信息，并且可以重新装载当前页面或装入新页面 history对象和location对象的使用 …… tr tda href=javascript:location=spring.html春/a/td tda href=javascript:location=summer.html夏/a/td /tr …… tr td colspan=2 a href=javascript:location.reload()刷新本页 /a/td /tr …… 实例10-6：history对象和location对象的使用 history对象和location对象的使用 …… td 春归——落红不是无情物，化作春泥更护花br / a href=javascript:jump(summer.html)夏天/a a href=javascript:jump(autumn.html)秋天/a a href=javascript:jump(winter.html)冬天/a a href=javascript:history.back();后退/a a href=javascript:history.forward();前进/a/td …… 实例10-6：history对象和location对象的使用 10.3.3 表单对象 表单对象是Document对象的子对象，通过下面的方式可以访问表单对象及其属性或方法。 ?document.表单名称.属性 ?document.表单名称.方法（参数） ?document.forms[索引].属性 ?document.forms[索引].方法（参数） 1、表单的属性和方法 2.表单元素 表单中包含很多种表单元素，表单中的元素按照其功能主要分为文本、按钮和单选按钮三类。可以通过以下方式调用表单中元素的属性或方法： ?document.forms[索引].elements[索引].属性 ?document.forms[索引]. elements[索引].方法（参数） ?document.表单名称.元素名称.属性 ?document.表单名称. 元素名称.方法（参数） DOM编程 第十章 学习目标 ?理解DOM的概念和结构组成 ?掌握window对象属性、方法及事件的使用 ?掌握document对象属性和方法的使用 ?掌握表单对象属性、方法及事件的使用 ?理解其他DOM对象的常用属性、方法及事件 HTML文档对象模型（HTML DOM）定义了一套标准方法来访问和操纵HTML文档。 浏览器是用于显示HTML文档内容的应用程序，浏览器还提供了一些可以在JavaScript脚本中访问和使用的对象。浏览器对象是一个分层结构，也称为文档对象模型。 采用window对象实现弹出窗口 …… window.open(adv.html, 广告窗口, toolbar=0, scrollbars=0, location=0, status=0, menubar=0, resizable=0, width=707, height=275,top=200,left=150); /* width：弹出窗口的宽度 height：弹出窗口的高度 top：弹出窗口离屏幕顶部距离 left：弹出窗口离屏幕左边距离 */ …… 实例10-1：采用window对象实现弹出窗口 文档对象模型提供了一组按树状形式结构组织的HTML文档，树状结构中的每一个对象称为一个节点，每一个对象都有一个或多个属性和方法。 采用DOM改变超链接。 …… function changeLink(){ document.getElementById(node).innerHTML=h1淘宝/h1; document.getElementById(node).href=; } …… a href= id=nodeh1京东/h1/a input name=btn type=button value=使用DOM改变链接 onclick=changeLink(); / …… 实例10-2：采用DOM改变超链接 ?window对象在层次图中位于最高一层，document对象、history对象和location对象都是它的子对象，window对象中包含的属性是应用于整个窗口的，如在框架集结构中，每个框架都包含一个window对象。 ?document对象在层次图中位于最核心地位，页面上的对象都是document对象的子对象，在document对象中包