第5章DOM编程张孝祥《JavaScript网页开发》说明.doc

5.1 DOM、DHTML介绍 DOM (Document Object Model) DHTML (Dynamic HTML) JavaScript可以使用3种方式将HTML对象事件与处理程序代码进行关联： 1) 在事件源对象对应的HTML标签上增加要处理的事件属性，例如 oncontextmenu=myFun() 2) 直接在JavaScript代码中设置元素对象的事件属性，例如 document.oncontextmenu = myFun; 3) 在一个专门的script标签对中编写事件处理代码，例如 script language=javascript for=document event=oncontextmenu 5.2 window对象 （引用window对象的属性和方法时，可以省略window这个前缀） 方法： alert 具有OK按钮的提示对话框 confirm 具有OK、Cancel按钮的对话框 prompt 输入信息的对话框，例如 prompt(提示信息, 默认值) close 关闭窗口（如果是open方式打开的子窗口，则关闭；如果是用户Get方式打开的，则提示是否关闭） navigate 导航到指定URL setInterval 设置浏览器每隔时间（单位：毫秒）调用指定代码，例如 setInterval(myFun(), 5000) setTimeout 设置浏览器经过时间（单位：毫秒）执行指定代码，例如 setTimeout(myFun(), 5000) clearInterval 取消setInterval clearTimeout 取消setTimeout moveTo 移动窗口位置（有的浏览器不理睬） resizeTo 改变窗口大小 open 打开一个新窗口，例如 window.open(url.html, _blank, top=0,left=0,width=200,height=200,toolbar=no); showModalDialog 产生模式对话框窗口（不能改变窗口大小，没有菜单、工具条、状态栏等） showModelessDialog 产生非模式对话框窗口 属性： closed 返回对应窗口是否关闭（一般用于检测子窗口，open返回值为子窗口window对象） opener 返回父窗口（打开本窗口的window对象） defaultstatus 设置/返回状态栏默认显示文本内容 status 设置/返回状态栏当前文本内容 screenTop 返回窗口左上角顶点在屏幕垂直位置 screenLeft 返回窗口左上角顶点在屏幕水平位置 事件：（window对象事件处理器需要作为body标签的事件属性设置） onload 装载完网页文档时。该属性还可用于frameset、frame、iframe、img、applet等，程序应放在对应标签之前 onunload 卸载网页文档之后 onbeforeunload 准备卸载网页文档之前。 可在此处设置 window.event.returnValue=某字符串，浏览器将弹出一个对话框提示用户是否真的要关闭、离开网页。 通用事件：（大多数HTML元素都能触发的事件） onclick 单击 onmousemove 鼠标移动 onmouseover 鼠标移入 onmouseout 鼠标移出 onmousedown 鼠标按键按下 onmouseup 鼠标按键弹起 onkeydown 键盘按键按下 onkeyup 键盘按键弹起 onkeypress 键盘击键（按下后弹起） 对象属性： 1) location对象：设置/返回当前网页URL信息 href属性：可使用window.location.href=url;载入新文档，与window.navigate(url);作业一样 replace方法：也可用于载入新网页 reload方法：重新载入（刷新）当前网页，例如 opener.location.reload(); 2) event对象：设置/返回当前事件有关信息 altKey属性：事件发生时Alt键是否被按下 ctrlKey属性：事件发生时Ctrl键是否被按下 shiftKey属性：事件发生时Shift键是否被按下 clientX、clientY属性：设置/返回鼠标相对窗口客户区顶点x、y坐标 screenX、screenY属性：设置/返回鼠标相对屏幕顶点x、y坐标 offsetX、offsetY属性：设置/返回鼠标相对事件源顶点x、y