Web信息系统与技术_ch04.pptVIP

22.2.2 Location对象 Location对象属性说明 22.2.2 Location对象 实例代码 22.2.2 Location对象 网页效果 22.2.2 Location对象 效果说明 程序运行后，会显示当前网页的主机名称，如果地址栏上显示的是网页文件的绝对路径，如：E:\\CDROM\HTML \22\22-2-2.html，将不会显示网页的主机名称。 22.2.3 Window对象 Window对象属性说明 22.2.3 Window对象 Window对象方法说明 22.2.3 Window对象 实例代码 22.2.3 Window对象 网页效果 22.2.3 Window对象 效果说明 当程序运行后，通过window对象的open方法会打开一个新的网页文件。 22.2.4 Document对象 实例代码 22.2.4 Document对象 网页效果 22.2.5 History对象 History对象属性说明 22.2.5 History对象 实例代码 22.2.5 History对象 网页效果 22.3 内置对象和方法 格式 对象名.属性名称 对象名.方法名称（参数） 22.3 内置对象和方法 内置对象属性说明 23. DOM模型 23.1 DOM模型框架 23.2 DOM模型中的节点 23.3 使用DOM 23.4 获取表单数据 23.5 Inner HTML 23.1 DOM模型框架 文档对象模型（DOM）是指W3C定义的标准文档对象模型。利用DOM中的对象，开发人员可以对文档（XML或HTML）进行读取、搜索、修改、添加和删除等操作。 根据树结构以节点形式对文档进行操作是DOM的工作原理。DOM将文档中的每个项目看做节点，如元素、属性、注释等。 一般情况下，支持Javascript的所有浏览器都支持DOM。 23.1 DOM模型框架 html head body meta h1 P ul li li li a title 23.2 DOM模型中的节点 元素节点 文本节点 属性节点 a href=标题一/a a 标题一 href=“# 23.3 使用DOM 根节点document，根元素节点html 遍历childNodes[]，parentNode 访问文档对象getElementsByTagName(), getElementsByTagName()[], getElementById(), getElementsByName() Firebug：父子兄弟关系nexElementSibling，offsetLeft，offsetTop 节点的属性：oa1.attributes[0].name，oa1.attributes[0].nodeValue，oa1.getAttribute(“href”)，oa1.href 创建新节点：createElement(“li”)，createTextNode(“dom”)，oli.setAttribute(“id”,“li4”)，appendChild(oli) 删除节点：oli.parentNode.removeChild(oli) 23.4 获取表单数据 访问表单 document.form表单名字, document.forms[0] 获取信息alert(document.forms[0].text1.value) 举例E-mail地址检查 if((address==)||(address.indexOf(@)==-1)||(address.indexOf(.)=-1)) 23.5 innerHTML 这个属性由于使用方便，得到了当今主流浏览器的支持。 该属性表示某个标记之间的所有内容，包括代码本身。 该属性可以读、写 op.innerHTML=“……” 举例17-3-3.html 24. 事件驱动与事件对象 24.1 事件驱动及处理 24.2 事件监听 24.3 事件对象 24.4 举例鼠标定位 24.1 事件驱动及处理 onload=function () { op=document.getElementById(p1); op.onclick=fn1; } 24.2 事件监听 标准DOM浏览器 onload=function () { op=document.getElementById(p1); op.addEventListener(click,fn1,false); op.addEventListener(click,fn2,false); op.removeEventListene