第12讲 DOM编程-window对象(一).pptVIP

任务三：Window 对象的使用 HTML HEAD SCRIPT function openwindow( ) { window.open(google.htm); } function closewindow( ) { window.close ( ); } /SCRIPT /HEAD BODY FORM INPUT TYPE=button VALUE=打开窗口 onClick=openwindow() INPUT TYPE=button VALUE=关闭窗口 onClick=closewindow() /FORM BODY * 使用 Open 方法 打开新窗口 使用 Close 方法 关闭窗口 添加单击事件 因为window是最顶层的根，所以可以省略 window.open(google.htm); 可简写为： open(google.htm); close（）方法也是如此。 open（”打开窗口的url”，”窗口名”，”窗口特征”） 窗口的特征如下，可以任意组合： height： 窗口高度； width： 窗口宽度； top： 窗口距离屏幕上方的象素值； left：窗口距离屏幕左侧的象素值； toolbar： 是否显示工具栏，yes为显示； menubar，scrollbars 表示菜单栏和滚动栏。 resizable： 是否允许改变窗口大小，yes或1为允许 location： 是否显示地址栏，yes或1为允许 status：是否显示状态栏内的信息，yes或1为允许； 1、Window 对象的使用 我们需要预先制作好广告页面，假设为adv.htm，打开广告窗口的语句如下 ： open(“adv.htm”, “”, “toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150”); 2、Window 对象的使用 HTML HEAD SCRIPT language=JavaScript function openwindow( ) { open(adv.htm, , toolbars=0, scrollbars=0, location=0, statusbars=0, menubars=0, resizable=0, width=650, height=150); } /SCRIPT /HEAD BODY onLoad=openwindow( ) H2看看和我一起打开的广告窗口/H2 /BODY /HTML 使用 Open 方法 打开广告新窗口 添加页面加载事件 小结1 现场编程完成效果功能 3、window对象的使用 SCRIPT language=javascript function openwindow( ) { window.status=系统当前状态：您正在注册用户......; window.open(register.html); } function closewindow( ) { if(window.confirm(您确认要退出系统吗？)) window.close( ); } /SCRIPT INPUT type=button name=regButton value= 用户注册 onclick=openwindow( ) INPUT type=button name=exitButton value= 退 出 onclick=closewindow( ) 在窗口状态栏中设置文本 使用open方法打开新窗口 弹出确认对话框 关闭当前窗口 添加单击事件 任务三(3).html 4、window对象的使用 SCRIPT language=javascript function openwindow( ) { 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); else window.alert(请设置分辨率为