6、JS常用窗口对象

JS常用窗口对象制作：潘院明window描述了一个浏览器窗口，是客户端javascript最高层对象之一，只要打开浏览器窗口，window对象都会存在（全局对象）常用属性名称说明status设置或给出浏览器状态栏当前显示信息location给出当前窗口的URL或指定在窗口打开页面的URLname读取或指定窗口名称document是对象，含当前文档信息，有自己的属性、方法history包含客户在窗口中浏览过的URL信息JavaScript的内置对象Window对象常用的属性名称说明status指定浏览器状态栏中显示的临时消息screen有关客户端的屏幕和显示性能的信息。history有关客户访问过的URL的信息。location有关当前URL的信息。document表示浏览器窗口中的HTML文档•常用的属性window常用方法JavaScript的内置对象名称说明open打开一个新的窗口，格式：window.open(URL,窗口名称,参数设置)设置的参数可以有多个，中间用“，”分开close自动关闭浏览器窗口，window.close()；alert弹出警告框，window.alert(提示内容)；confirm显示确认框，window.confirm(提示内容)；prompt显示一个输入框，用户可以输入内容•常用的方法•onLoad事件：在窗口或框架完成文档加载时触发window对象常用的方法和事件名称说明alert(提示信息)显示一个带有提示信息和确定按钮的对话框confirm(提示信息“)显示一个带有提示信息、确定和取消按钮的对话框open(url,name)打开具有指定名称的新窗口，并加载给定URL所指定的文档；如果没有提供URL，则打开一个空白文档close()关闭当前窗口showModalDialog()在一个模式窗口中显示指定的HTML文档setTimeout(函数,毫秒数)设置定时器：经过指定毫秒值后执行某个函数JavaScript的内置对象HTMLHEADTITLEwindwo.open/TITLESCRIPTlanguage=JavaScript!--window.open(=500,height=500,toolbar=yes);--/SCRIPT/HEADBODYp打开一个新窗口/p/BODY/HTMLdocument包含与文档元素一起工作的对象，将这些元素封装起来常用属性JavaScript的内置对象名称说明title设置文档标题，等价于HTML的title标签bgColor设置页面背景色fgColor设置前景色，即文本显示颜色url设置url属性从而在同一窗口打开另一网页fileCreatedDate文件建立日期，只读属性fileModifiedDate文件修改日期，只读属性fileSize文件大小，只读属性forms集合，通过这个属性引用页面中的不同表单document常用方法JavaScript的内置对象名称说明write将字符串输出到当前窗口，字符串内可以包含HTML标签，如：document.write(“p英泰移动通信学院/p”);writeln同write类似，只是输出内容后自动换行HTMLHEADTITLEdocument/TITLESCRIPTlanguage=JavaScript!--functionshowinfo(){alert(document.forms[0].institute.value);}--/SCRIPT/HEADBODYpformname=imtiinputtype=textname=institutevalue=英泰移动通信学院inputtype=buttonname=showvalue=读取onClick=showinfo();/form/BODY/HTMLJavaScript的内置对象屏幕对象（screen）•屏幕对象（screen）是JS中的屏幕对象，反映了当前用户的屏幕设置。•width:屏幕宽度window.screen.width•height:屏幕高度•pixelDepth:显示器的每个像素的位数•colorDepth:屏幕色深–当前颜色设置所用的位数：1代表黑白；8代表256色；16代表增强色（大概支持64000种颜色）；24/32代表真彩色（大概支持1600万种颜色）•availHeight:屏幕可用高度（除去任务栏的高度）•availWidth:屏幕可用宽度如何使用window对象-1SCRIPTlanguage=javascriptfunctionopenwindow(){window.status=系统当前状态：您正在注册用户......;if(window.screen.width==1024&&window.screen.height==768)window.open(register.html);elsewindow.alert(请设置分辨率为1024x768，然后再打开);}functionclosewindow(){if(window.confirm(您确认要退出系统吗？))window.close();}/SCRIPTINPUTtype=buttonname=regButtonvalue=用户注册onclick=openwindow()INPUTtype=buttonname=exitButtonvalue=退出onclick=closewindow()示例完整代码在窗口状态栏中设置文本设置窗口的高度使用open方法打开新窗口弹出警告对话框弹出确认对话框关闭当前窗口添加单击事件因为window是最顶层的根，所以可以省略window.open(google.htm);可简写为：open(google.htm);close()方法也是如此。如何使用window对象-2-1新建窗口：open（”打开窗口的url”，”窗口名”，”窗口特征”）窗口的特征如下，可以任意组合：height：窗口高度；width：窗口宽度；top：窗口距离屏幕上方的象素值；left：窗口距离屏幕左侧的象素值；toolbar：是否显示工具栏，yes为显示；menubar，scrollbars表示菜单栏和滚动栏。resizable：是否允许改变窗口大小，yes或1为允许location：是否显示地址栏，yes或1为允许status：是否显示状态栏内的信息，yes或1为允许；我们需要预先制作好注册页面，假设为register.html，打开注册窗口的语句如下open(register.html,注册窗口,toolbar=0,location=0,statusbars=0,menubars=0,width=700,height=550,scrollbars=1);通过open方法打开注册页面之后的效果如何使用window对象-2-2SCRIPTlanguage=javascriptfunctionopenwindow(){window.status=系统当前状态：您正在注册用户......;if(window.screen.width==1024&&window.screen.height==768)open(register.html,注册窗口,toolbars=0,location=0,statusbars=0,menubars=0,width=700,height=550,scrollbars=1);elsewindow.alert(请设置分辨率为1024x768，然后再打开);}functionclosewindow(){if(window.confirm(您确认要退出系统吗？))window.close();}/SCRIPTINPUTtype=buttonname=regButtonvalue=用户注册onclick=openwindow()INPUTtype=buttonname=exitButtonvalue=退出onclick=closewindow()示例完整代码使用Open方法打开注册新窗口添加单击事件如何使用window对象-3SCRIPTlanguage=javascriptfunctionopenwindow(){window.status=系统当前状态：您正在注册用户......;if(window.screen.width==1024&&window.screen.height==768)open(register.html,注册窗口,toolbars=0,location=0,statusbars=0,menubars=0,width=700,height=550,scrollbars=1);elsewindow.alert(请设置分辨率为1024x768，然后再打开);}functionclosewindow(){if(window.confirm(您确认要退出系统吗？))window.close();}/SCRIPTH3Ahref=javascript:openwindow()用户注册/A/H3H3Ahref=javascript:closewindow()退出/A/H3示例完整代码使用超链接调用方法来打开注册新窗口如何使用window对象-4HTMLHEADMETAhttp-equiv=Content-Typecontent=text/html;charset=gb2312SCRIPTlanguage=JavaScriptfunctionopenwindow(){open(adv.htm,广告窗口,toolbars=0,scrollbars=0,location=0,statusbars=0,menubars=0,resizable=0,width=700,height=250);}/SCRIPT/HEADBODYonLoad=openwindow()H2 /H2/BODY/HTML示例完整代码窗口完成文档加载时触发打开广告窗口如何使用window对象-5SCRIPTlanguage=javascriptfunctionopenwindow(){window.status=系统当前状态：您正在注册用户......;if(window.screen.width==1024&&window.screen.height==768)window.showModalDialog(register.html,注册窗口,toolbars=0,location=0,statusbars=0,menubars=0,width=700,height=550,scrollbars=1);elsewindow.alert(请设置分辨率为1024x768，然后再打开);}functionclosewindow(){if(window.confirm(您确认要退出系统吗？))window.close();}/SCRIPTH3Ahref=javascript:openwindow()用户注册/A/H3H3Ahref=javascript:closewindow()退出/A/H3示例完整代码打开模式窗口，被打开窗口保持输入焦点。使用超链接调用方法来打开模式窗口窗口的尺寸及位置•window.moveTo(x,y)：将窗口移动至指定坐标(x,y)处•window.resizeTo(x,y)：改变窗口大小成(宽,高)•window.resizeBy(x,y)：放大/缩小窗口（x水平宽度，y垂直高度；x/y值大于0为放大，小于0为缩小）scripttype=text/javascriptva