modal.htm

코드 복사 코드는 다음과 같습니다.




IE에서는 showModalDialog를 사용하여 값을 전달할 수 있습니다.

구문은 다음과 같습니다.
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
그러나 Firefox에는 showModalDialog 메소드가 없지만 window.open()을 사용할 수 있습니다.
구문은 다음과 같습니다.
oNewWindow = window.open([sURL] [, sName] [, sFeatures] [, bReplace])
Firefox에서는 window.open의 매개변수 중 딱 그렇습니다. , sFeature에는 더 많은 기능 설정이 있습니다. 예, 열린 창을 FireFox의 IE showModalDialog와 동일하게 하려면 sFeatures에 modal=yes를 추가하면 됩니다.
아래에는 사용법을 설명하기 위한 예가 사용되었습니다.
기능 설명: 하위 창에서 색상 유형을 입력하여 상위 창에 제출하고, 드롭다운 목록에 옵션을 추가합니다.
a.html


코드 복사

코드는 다음과 같습니다.




< title>a .html 문서
/head>









b.html



코드 복사
코드는 다음과 같습니다.



<머리>

b.html文档
<스크립트 언어="javascript">
함수 ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="填写颜color") return(false);
window.returnValue=url;
window.close();
}


<본문>







색상:

>修改为兼容IE와 FireFoxr의 대대적인 다운로드:
[코드]




a.html文档



🎜>


>



다음은 친구가 인터넷에 올린 테스트 코드입니다.

코드 복사 코드는 다음과 같습니다.






메인 페이지</ title> <br></head> <br><script type="text/javascript"><!-- <br/>//배열 전달<br/>function check(){ <br/>var mxh1 = new Array("mxh","net_lover","맹자 장 E") <br/>window.showModalDialog("test.html",mxh1,"unadorned:0;scroll:0;status:false;dialogWidth:380px; DialogHeight: 200px"); <br/>} <br/>//객체 전송<br/>function check1(){ <br/>var obj = new Object(); <br/>obj.name="zhangsan"; <br/> obj.age=2; <br/>obj.sex="남성"; <br/>window.showModalDialog("aaa.html",obj,"unadorned:0;scroll:0;status:false;dialogWidth:380px;dialogHeight :200px "); <br/>} <br/>// --></script> <br><body onload="check1();"> <br></body> <br> < /html> <br></p> <p><br>test.html 소스 코드: <br></p> <p class="codetitle"><span style="text-decoration:underline;">코드 복사</span> 코드는 다음과 같습니다.</p> <p class="codebody"><br> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ; <br/>< ;html xmlns="http://www.w3.org/1999/xhtml"> <br><head><meta http-equiv="Content-Type" content= "text/html; charset=gb2312" /> <br><title>메인 페이지 값 가져오기</head> <br><body> ="text/javascript" ><!-- <br/> //배열 메서드 전달<br/> <br/> //alert(test[2]) <br/> //객체 전달 메서드<br/> ; obj = 대화 인수; <br/> 경고(obj.name); <br/> 경고(obj.sex); <br/><br/> <br/>// ;/script> <br> <input type="text" /> <br></html> <br><br><br>showModalDialog 값 전송 새로 고침<br>showModalDialog 사용 예를 들어 보면, 부모 창은 자식 창에 값을 전달하고 자식 창은 부모 창의 값을 설정하며, 자식 창이 닫히면 그 값이 부모 창에 반환됩니다. <br> farther.html <br><br><br></p>코드 복사<p> 코드는 다음과 같습니다.<br></p> <p class="codebody"><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <br><HTML> <br><HEAD> <br><TITLE>새 문서




<스크립트 언어="javascript">







传递到父窗口的值:

返回적值:

子窗口设置的值:





child.html

复代码 代码如下:





새 문서












父窗口传递来的值:

输入要设置父窗口的值:

输入返回的值:

<스크립트 언어="javascript">



脚本之家下一篇文章。



(두)下면是关闭刷新父窗口의 사례
farther.html

코드 복사 코드는 다음과 같습니다.


🎜>


새 문서 <br><meta name="Generator" content="EditPlus"> <br> META NAME= "저자" CONTENT=""> <br><META NAME="키워드" CONTENT=""> <br><META NAME="Description" CONTENT=""> ;스크립트 언어 ="javascript"> <br><!-- <br>함수 openChild() <br>{ <br>var k = window.showModalDialog("child.html",window,"dialogWidth:335px ;status: no;dialogHeight:300px"); <br>if(k == 1)//새로 고침 여부 결정 <br>{ <br>alert('refresh'); <br>window.location.reload( ); <br>} <br>} <br></script> <br><BODY> 🎜>상위 창의 값으로 전달:<input id="txt9" type="text" value="3333333333333" NAME="txt9"><br> <br><input type="button" 값 ="openChild" onclick="openChild()" ID="Button1" NAME="Button1"> <br></BODY> <br></HTML> <br><br><br>child.html <br><br><br><br>코드 복사 코드는 다음과 같습니다:<p><br><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > </p><HTML> <p class="codetitle"><HEAD> <span style="text-decoration:underline;"><TITLE>새 문서

="설명">







상위 창에서 전달된 값:
< ;input id="Button1" onclick="winClose(1)" type="button" value="상위 창을 닫고 새로 고침" name="Button1">

인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!