模态窗口

模态窗口 å??è??æ?†ä??èˆ?分ä?ºä?,ç??ç??å?‹ï,šæ??æ??ç??å?‹ï,ˆmodalï,‰ä??é??æ??æ??ç??å?‹ï,ˆmodelessï,‰ã?‚æ‰?è??æ??æ??å??è??æ?†ï,Œå??æ??指é?,é??采å??有æ?ˆçš„å…?é??手æ?µ ï,Œç??æˆ?çš„é, æ ‡ç„?ç‚?æˆ?è?…è??å…,å…‰æ ‡å?†ä??ç›?å?œç??åœ?å…?ä?Šçš„å??è??æ?†ã?‚é??æ??æ??å??è??æ?†åˆ?ä??ä,šå,ºåˆ?æ?,ç??ç‰?æ??ï,Œç??æˆ?å??ä?,åœ?å,?å‰?å??è??æ?†ä??å?Šå…?ä??çª?å ?é??è?›è?Œåˆ‡æ??ã?‚æœ?æ?‡ä?‹ç??å?‚ä,?ä,?ç??JavaScriptè??è??æ?,创å?ºè??ä?,ç??ç??å?‹çš„å??è??æ?†ã??æ??åˆ?å…?å,?å??å?Œä,?ç,?ã??æ??å??å…?å,?è?‚ä?,å Šåœ?å??è??æ?†é??çš„æ??æ ?ä? é??ã?‚(å,?ç??) ä??ã??创å?ºæ??æ??å?Œé??æ??æ??å??è??æ?† 创å?ºæ??æ??å??è??æ?†ï,šï,ˆä,šç,?å??æœ?è??ä??æ??é?µé??çš„å?,ï,Œé?šè?‡ä??些è??ç,?å??ç??è?‡ç??ç?Ÿçš„åˆ,æ??ï,‰ vReturnValue = window.showModalDialog(sURL [, vFreeArgument] [, sOrnaments]); 创å?ºé??æ??æ??å??è??æ?†ï,šï,ˆä??ä,šï,‰ vReturnValue = window.showModelessDialog(sURL [, vFreeArgument] [, sOrnaments]); VReturnValueï,šå??äº?showModalDialog()ï,Œå?ƒè??ç,ºè??æ‰?å,?çš„å??è??æ?†çª?å ?è?? ç,?çš„returnValueå??æ??å?,ã?‚å??äº?showModelessDialog()ï,Œå?ƒè??ç,ºæ??çª?å ?å??è ??ã?‚ VFreeArgumentï,šè??ä?ªå?‚æ??å??ç??äº?ä, é??æŸ?ç??ç??å?‹çš„æ??æ??åˆ?æ‰?å,?çš„å??è??æ?†ï,Œæ??æ??å??ä?,æ??ä??ä?ªæ??å?,ã??å??ç??ä??ã??æ??ç?„æˆ?è?…ä??ä?ªå??è??ç??å?‹ã?‚åœ?æ??çª?å??ä??å,?ç??è??ä?ªæ??å?,æ??ï,Œå??é?šè?‡æ??创å?ºwindowå??è??çš„dialogArguments å??æ??ã?‚ SOrnamentsï,šç??è??ä?ªå?‚æ??指å?šæ??çª?å??çš„å,?è?‚ã?‚å??é?‰æ‹?çš„çª?å??å??æ??æ œ‰å?ˆå,šç??ï,Œå,?有å,šç??æ??åˆ?éœ?æ?‚æ??ï,Œå?†ç›?å…?内å??ç??ä??ä?ªå??ç??ä??è??æ?,èµ?æ?,ï,Œå…?é??ç??分å??éš?å,?ã?‚ä?,ä?‹æ??å??é?‰æ‹?çš„å??æ??ç??ç??ï,š o dialogHeight: sHeight o dialogLeft: sXpos o dialogTop: sYpos o dialogWidth: sWidth o center: ( yes | no | 1 | 0 | on | off ) o dialogHide: ( yes | no | 1 | 0 | on | off ) o edge: ( sunken | raised ) o help: ( yes | no | 1 | 0 | on | off ) o resizable: ( yes | no | 1 | 0 | on | off ) o scroll: ( yes | no | 1 | 0 | on | off ) o status: ( yes | no | 1 | 0 | on | off ) 二ã??æ??åˆ?å??è??æ?†å,?å??å?Œä,?ç,? ä?‰ã??æ??å??å??è??æ?†å,?è?‚ å››ã??ä??Noname1.htmlé?µé??ä, é??æ??æ??åˆ?Noname2.htmlé?µé?? ä? é??å??è??ç??å?‹æ??æ ? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE æ??æ?•çª?å??å?Œé??æ??æ??çª?å ? /TITLE script language= javascript var sColor= yyyy ; var sName= xmddl369 ; function showModalWindow(){ window.showModalDialog(â??Noname2.htmlâ??,window,â??dialogWidth:400px;dialogHeig ht:400pxâ??); } function showModellessWindow(){ window.showModelessDialog(â??Noname2.htmlâ??,window,â??dialogWidth:400px;dialogH eight:400px;edge:sunkenâ??); } function update() { oColor.innerText = sColor; } document.write( sColor= +sColor+ br ); document.write( sName= +sName+ br ); /script /HEAD BODY form input type= button name= button value= æ‰?å,?ä??ä?ªæ??æ?•çª?å ? onclick= showModalWindow() input type= button name= button value= æ‰?å,?ä??ä?ªé??æ??æ??çª?å ? onclick= showModellessWindow() BR P è??å…,ä, æœ?å?œæ??çš„é?œè‰?: SPAN ID= oColor STYLE= color:red;font-size:24 Yellow /SPAN /P /form /BODY /HTML ------------------- !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE script language= javascript function getInfoAndUpdate() { var callerWindowObj = dialogArguments; //å??åˆ?æ?‡æ??çš„å,?ç?? callerWindowObj.sColor = document.all( oEnterColor ).value; callerWindowObj.update(); } function cancel() { var callerWindowObj = dialogArguments; callerWindowObj.sColor = Yellow ; callerWindowObj.update(); } /script /HEAD BODY form è??å…,ä, æœ?å?œæ??çš„é?œè‰?: INPUT type= text name= oEnterColor ID= oEnterColor BR BR INPUT VALUE= Apply TYPE=button onclick= getInfoAndUpdate(); INPUT VALUE= Ok TYPE=button onclick= getInfoAndUpdate();window.close(); INPUT VALUE= Cancel TYPE=button onclick= cancel();window.close(); /form /BODY /HTML ä? é??æ??ç?„å,?ç??ç??å?‹æ??æ ? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE æ??æ?•çª?å??å?Œé??æ??æ??çª?å ? /TITLE script language= javascript var fruit=new Array(); fruit[0]= è‹?æ?œ ; fruit[1]= æ??å? ; fruit[2]= æ?? ; fruit[3]= é??è?‰ ; function showModalWindow(){ window.showModalDialog(â??Noname2.htmlâ??,fruit,â??dialogWidth:400px;dialogHeigh t:400pxâ??); } function showModellessWindow(){ window.showModelessDialog(â??Noname2.htmlâ??,fruit,â??dialogWidth:400px;dialogHe ight:400px;edge:sunkenâ??); } /script /HEAD BODY form input type= button name= button value= æ‰?å,?ä??ä?ªæ??æ?•çª?å ? onclick= showModalWindow() input type= button name= button value= æ‰?å,?ä??ä?ªé??æ??æ??çª?å ? onclick= showModellessWindow() BR /form /BODY /HTML ------------------ !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE SCRIPT LANGUAGE= JScript function deWrite(){ var myobject=document.getElementById( ifruit ); var myfruit=dialogArguments; for(count=0;count myfruit.length;count++){ var oOption = document.createElement( OPTION ); oOption.text=myfruit[count]; oOption.value=/count; myobject.add(oOption); } } /SCRIPT /HEAD BODY form input type= button name= button value= click me onclick= deWrite() br å??åŠ æ??æ?œ: SELECT ID= ifruit NAME= ifruit /SELECT /form /BODY /HTML ä? é??å?,ç??å?‹æ??æ ? !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE æ??æ?•çª?å??å?Œé??æ??æ??çª?å ? /TITLE script language= javascript function showModalWindow(){ window.showModalDialog(â??Noname2.htmlâ??, xmddl ,â??dialogWidth:400px;dialogHeight:400pxâ??); } function showModellessWindow(){ window.showModelessDialog(â??Noname2.htmlâ??, xmddl369 ,â??dialogWidth:400px;dialogHeight:400px;edge:sunkenâ??); } /script /HEAD BODY form input type= button name= button value= æ‰?å,?ä??ä?ªæ??æ?•çª?å ? onclick= showModalWindow() input type= button name= button value= æ‰?å,?ä??ä?ªé??æ??æ??çª?å ? onclick= showModellessWindow() BR /form /BODY /HTML ------------------ !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE SCRIPT LANGUAGE= JScript function deWrite(){ var names=dialogArguments;// document.write(names); } /SCRIPT /HEAD BODY form input type= button name= button value= click me onclick= deWrite() /form /BODY /HTML å…?ä??window.Open(url,,)çš„ä??ç‚?ä,?ä,š !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN HTML HEAD TITLE New Document /TITLE script language= javascript function showOpenWindow(){ window.open(â??â??,â??xmddlâ??,â??height=600px,width=800px,to olbar=no,menubar=no,resizable=yes, scrollbars=yes, location=no, status=noâ??); } /script /HEAD BODY form input type= button name= button value= click me onclick= showOpenWindow() /form /BODY /HTML //åœ?Urlçš„åœ?æ??å??ä?,è?Ÿä?Šä??ä?ª.doçš„è??æ?‚ï,ŒåŸºäº?strutsæ??æ?„æ??å??ä?,é??æ?,åˆ?æŸ?ä??ä?ªå…?ä,?çš„é?µé??ï,Œä,?ç??了çª?å??ä,œä?ºæ??ç,ºçš„ä,œç?? //åœ?æ??æ?•çª?å??æ‰?å,?æ??çª?å ? åœ?æ??æ?•çª?å??çš„headéƒ?分æ??åŠ å?‚ä?‹ä??ç • base targat=â??_selfâ??