网页制作HTML的基础知识.ppt

5、当单击按钮时，打开一个新的窗口并显示相应的网页文件 window.open(“URL”,”window_name”,”height=num,width=num”) htmlheadtitlewindow对象方法演示5/title script language=Javascript function openwindow(){ window.open( “window4.htm”,”ddd”,”height=100,width=200”) } /script body input type=“button” onclick=“openwindow()” value=“Click me” /body/html 常用事件： 事件名称 描述 onLoad 当窗口打开或刷新时调用 onUnLoad 当窗口关闭时调用 例：在打开窗口时显示欢迎词，关闭窗口时显示再见 htmlheadtitlewindow对象事件/title script language=Javascript function windowload(){ window.alert(“Welcome to My HomePage”) } function windowclose(){ window.alert(“Good-bye”) } /script body onload=“windowload()” onunload=“windowclose()” /body/html Document对象的属性、方法和事件 属性： 属性名称 描述 alinkcolor 返回或设置页面中活动链接的颜色 linkcolor 返回或设置页面中超链接的颜色 vlinkcolor 返回或设置页面中已访问过的超链接的颜色 bgcolor 返回或设置页面的背景色 fgcolor 返回或设置页面的前景色 location 返回或设置页面的URL地址，设置此属性后，浏览器将关闭当前的页 面而打开URL指定的页面 例：1、动态设置页面的前景色、背景色; htmlheadtitledocument对象属性/title script language=Javascript !-- function changecolor(){ document.bgColor=bgcl.value ‘设置背景色 } function changefgcolor(){ document.fgColor=fgcl.value ‘设置前景色 } -- /SCRIPT/HEADBODY PBGColorSELECT name=fgcl onclick=“changecolor()” OPTION selected value=whitewhite/OPTION OPTION value=redred/OPTIONOPTION value=greengreen/OPTION OPTION value=graygray/OPTIONOPTION value=/OPTION /SELECT/PPFGColorSELECT name=bgcl onclick=“changefgcolor()” OPTION selected value=whitewhite/OPTIONOPTION value=redred/OPTIONOPTION value=greengreen/OPTIONOPTION value=graygray/OPTION /SELECT/P/BODY/HTML 2、打开窗口时，提示输入密码；密码正确显示页面内容，错误则将页面导向错误页面（error.htm) htmlheadtitledocument对象属性/title/headbody script language=Javascript if( mpt(Please Enter Your Password:)==abc”) document.writeln( h1 align=centerWelcome To My HomePage/h1”); else document.location=error.htm”; /script/body/html Error.htm htmlheadtitleError/title/headbody Password error; you aren`t a valid user/body/html 常用方法： 方法名称 描述 格式 write 向当前文档中写入数据 document.write string writeln 向当前文档中写入数据,并换行 document.