JavaScript的浏览器对象及其使用.pptVIP

1 JavaScript的浏览器对象及其使用 1. Navigator对象层次 3. Window对象 （1）与窗口有关的属性： window、self、parent、top （2）与浏览器状态栏有关的属性： status、 defaultStatus() （3）与对话框有关的方法： alert()、confirm()、prompt() （4）与窗口生成与撤销有关的方法： open()、close() （5）与窗口焦点有关的方法： focus()、blur() 3. Window对象（续） （6）与“超时”有关的方法 设置超时：setTimeout(expression,time) 参数：expression：通常为一个函数； time：再次执行expression的时间间隔, 单位是毫秒. 返回：一个标志，用以指示这个“超时”设置。 清除指定的超时设置：clearTimeout(timeId) 参数：timeID：由setTimeout返回的标志 3. Window对象（续） （7）其它 属性opener：由open()打开的最新窗口名； 属性frames：窗口内帧的数组； 方法scroll(x,y)：使窗口滚动到x，y处。 Load事件：HTML文档被载入窗口； Unload事件：退出文档。 【例4.11】接收输入的姓名和电话号码，按下“确认”按钮后，弹出对话框要求再次确认，若确认，则生成一个新窗口，显示输入的姓名和电话号码；否则，弹出警告框。 window对象示例 function confSubmit(){ if ((ok=confirm(您确定输入正确吗？))==true){ var nw=open(a.htm,nwin, width=500,height=200,toolbar=1); nw.focus(); e(您的名字是:+ t_. value); e( ); e(“您的电话号码 是:+t_form. phone. value); } else alert(请您重新输入！); } defaultStatus=这是一个window对象使用示例; window对象使用示例一 form name=input_form 请输入您的姓名： input type=text name=name size=12 value= 请输入您的电话号码： input type=text name=phone size=12 nbsp;nbsp; input type=submit value=确定 onClick=confSubmit() 4. Document对象 （1）Document对象的属性 数值属性 （1）Document对象的属性（续） 对象数组属性 ① anchor对象和anchors数组 锚点的定义 a [href=location或URL] name=”anchorName” [target=windowName] anchorText anchors数组：只读，有一个length属性。 ② image对象和images数组 img name=”…” src=”URL” hspace=”…” vspace=”…” width=”…” height=“…” border=”…” lowsrc=”URL” image对象的complete属性 images数组 【例4-14】本例实现一个简单的小动画，交替显示两幅图象 script language=JavaScript var ImageNum=1; function Begin() { =ImageArray[ImageNum].src; ImageNum++; if (ImageNum 2) ImageNum=1; } img name=MyImage src=images/func_but11.jpg onLoad=setTimeout(Begin(),1000) script language=JavaScript var ImageArray=new Array(); for (i=1;i =2;i++) { ImageArray[i]=new Image(); ImageArray[i].src=images/func_bu