JavaScript_DOM总结

JavaScriptJavaScriptJavaScriptJavaScriptDOMDOMDOMDOM总结DOMDOMDOMDOM文档对象模型DocumentDocumentDocumentDocumentObjectObjectObjectObjectModelModelModelModelJavaScript将浏览器及网页文档、HTML元素都使用相应的对象表示如：window、document、body、forms这些对象与对象的层次关系称为DOMDHTMLDHTMLDHTMLDHTML(Dynamic(Dynamic(Dynamic(DynamicHTMLHTMLHTMLHTML动态HTML)HTML)HTML)HTML)HTML+JavaScript+CSS+DOM的结合使用称之为DHTMLBOMBOMBOMBOM浏览器对象模型浏览器对象windowwindowwindowwindow对象表示浏览器窗口对其属性和方法的引用可以省略window.window.window.window.windowwindowwindowwindow对象方法alert()alert()alert()alert()方法显示包含由应用程序自定义消息的对话框confirm()confirm()confirm()confirm()方法返回truetruetruetruefalsefalsefalsefalse显示一个确认对话框，prompt()prompt()prompt()prompt()方法显示一个提示对话框其中带有一条消息和一个输入框确定返回文本框的值取消返回nullnullnullnullclose()close()close()close()方法关闭指定的窗口open()open()open()open()方法打开一个WEBWEBWEBWEB浏览器窗口window.location.href=URL当前窗口打开新窗口覆盖当前窗口window.openwindow.openwindow.openwindow.open（”打开窗口的urlurlurlurl”，”窗口名”，”窗口特征”）window.open(about:blank);//open()最简单使用window.open(url,windowName,width=100window.open(url,windowName,width=100window.open(url,windowName,width=100window.open(url,windowName,width=100height=100height=100height=100height=100status=yesstatus=yesstatus=yesstatus=yesmenubar=nomenubar=nomenubar=nomenubar=notoolbar=notoolbar=notoolbar=notoolbar=noresizable=noresizable=noresizable=noresizable=nolocation=yeslocation=yeslocation=yeslocation=yesscrollbars=yes);scrollbars=yes);scrollbars=yes);scrollbars=yes);heightheightheightheight：窗口高度；widthwidthwidthwidth：窗口宽度；toptoptoptop：窗口距离屏幕上方的象素值；leftleftleftleft：窗口距离屏幕左侧的象素值；toolbartoolbartoolbartoolbar：是否显示工具栏，yesyesyesyes为显示；menubarmenubarmenubarmenubar，scrollbarsscrollbarsscrollbarsscrollbars表示菜单栏和滚动栏。resizableresizableresizableresizable：是否允许改变窗口大小，yesyesyesyes或1111为允许locationlocationlocationlocation：是否显示地址栏，yesyesyesyes或1111为允许statusstatusstatusstatus：是否显示状态栏内的信息，yesyesyesyes或1111为允许定时器轮询(setTimeout(setTimeout(setTimeout(函数名，指定时间毫秒数))))延时执行某个函数执行一次clearTimeout(clearTimeout(clearTimeout(clearTimeout(定时器对象名称))))取消执行定时器setInterval(setInterval(setInterval(setInterval(函数名称，时间毫秒数))))定时执行指定的函数间隔为多少毫秒数clearIntervalclearIntervalclearIntervalclearInterval((((定时器对象名称))))取消定时器定时器示例:scripttype=text/javascript//setTimeout(函数名，指定时间毫秒数)延时执行某个函数执行一次//clearTimeout(定时器对象名称)varvarvarvarstart;functionfunctionfunctionfunctionshowName(){document.all[myname].style.display=block;start=setTimeout(hideName(),300);}functionfunctionfunctionfunctionhideName(){document.all[myname].style.display=none;start=setTimeout(showName(),300);}functionfunctionfunctionfunctionstopTime(){ifififif(start!=null){clearTimeout(start);start=null;document.all.btn.value=开始闪烁}elseelseelseelse{start=setTimeout(showName(),300);document.all.btn.value=停止闪烁}}/script/headbodyonLoad=showName();inputtype=buttononClick=stopTime();id=btnvalue=停止闪烁/h2Hellofontid=mynamecolor=redstyle=display::::none肖总/font/h2/bodyscripttype=text/javascript//setInterval(函数名称，时间毫秒数)定时执行指定的函数间隔为多少毫秒数//clearInterval(定时器名称)取消定时器varvarvarvarnum=0;varvarvarvarmyTimer;functionfunctionfunctionfunctionshow(){document.all.myNum.innerHTML=num++;}functionfunctionfunctionfunctiontestTimer(){ifififif(myTimer!=null){clearInterval(myTimer);num=0;myTimer=null;document.all.btn.value=开始计时;}elseelseelseelse{myTimer=setInterval(show,100);document.all.btn.value=停止计时;}}/script/headbodyh2计时：fontid=myNumface=宋体color=red0/font/h2inputtype=buttonname=btnonclick=testTimer();value=开始计时//body/html网页对话框模式对话框和无模式对话框window.showModalDialog(URL,window.showModalDialog(URL,window.showModalDialog(URL,window.showModalDialog(URL,传递变量名，窗口特征))))建议传递windowwindowwindowwindow对象window.showModelessDialog(URL,window.showModelessDialog(URL,window.showModelessDialog(URL,window.showModelessDialog(URL,传递变量名，窗口特征))))子窗口访问父窗口数据使用dialogArgumentsdialogArgumentsdialogArgumentsdialogArguments对象返回到父窗口的值使用returnValuereturnValuereturnValuereturnValuewindowwindowwindowwindow对象的子对象属性：parentparentparentparent对象代表对象层次中的父窗口parentparentparentparent对象仅仅是对子窗口有意义selfselfselfself对象代表对当前窗口或框架的引用toptoptoptop对象代表最顶层的窗口openeropeneropeneropener对象代表创建当前窗口的源窗口用于确定openopenopenopen方法打开窗口的源窗口locationlocationlocationlocation对象代表特定窗口的URLURLURLURL信息location.replace(url)location.replace(url)location.replace(url)location.replace(url)刷新不后退location.href=urllocation.href=urllocation.href=urllocation.href=url加载可后退window.location.reload();historyhistoryhistoryhistory对象用于存储客户端最近访问过的网址清单onClick=javascript:top.mymain.history.forward();=history.go(1)onClick=javascript:top.mymain.history.back(1);=history.go(-1)history.go()刷新表单不提交history.forward()指向浏览器历史列表中的下一个URL，相当于点击浏览器的““““前进””””按钮history.back()指向浏览器历史列表中的上一个URL，相当于点击浏览器的““““后退””””按钮window.screenwindow.screenwindow.screenwindow.screen代表浏览器屏幕设置浏览器屏幕varh=screen.Height;//屏幕高度varw=screen.Width;//屏幕宽度windowwindowwindowwindow对象属性：window.statuswindow.statuswindow.statuswindow.status代表浏览器状态栏设置状态栏标题window.status=清华IT;window.closedwindow.closedwindow.closedwindow.closed窗口是否关闭windowwindowwindowwindow的事件htmlheadmetahttp-equiv=Content-Ty