javascript showModalDialog 값 전송 및 FireFox의 window.open 부모-자식 창 값 전송 example

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><script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <br><script type="text/javascript"></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>메인 페이지 값 가져오기<script type="text/javascript" src="/js/jquery.3.5.2.min.m.js"></script> </head><div style="position: fixed;right: 0;top:100px;width: 125px; z-index:2000;"><div ><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php" ><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div><div style="position: fixed;left: 0;top: 100px;width: 125px;z-index:2000;"><div><a target="_blank" rel="nofollow" href="https://www.520xingyun.com/from/188bet.php"><img width="120px" height="550px" src="https://www.520xingyun.com/images/188_120.gif"></a></div></div> <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">