>  기사  >  웹 프론트엔드  >  window.returnValue 사용 예제_javascript 기술 소개

window.returnValue 사용 예제_javascript 기술 소개

WBOY
WBOY원래의
2016-05-16 16:42:391325검색

window.showModalDialog는 모달 창을 팝업하는 메소드입니다

returnValue는 JavaScript에서 HTML의 window 개체의 속성입니다. window.showModalDialog 함수를 사용하여 IE의 모달 창을 열 때(모달 창을 알면 해당 창을 조작할 수 없습니다.) 상위 창을 연 후에는 모드를 기다릴 수 있으며(창을 닫을 때만 작동 가능) 창의 값을 반환하는 데 사용됩니다.

1.부모.html

//father.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 

function showmodal(){ 
var ret = window.showModalDialog("child.htm",null,"dialogWidth:350px;dialogHeight:350px;help:no;status:no"); 
if (ret){alert('子窗口返回真!'); 
}else{ 
alert('子窗口返回假!'); 
} 
} 
</script> 
</HEAD> 

<BODY> 
<INPUT id=button1 type=button value=Button name=button1 onclick="showmodal();"> 
</BODY> 
</HTML>

2. 어린이.html

//child.html 
<HTML> 
<HEAD> 
<META NAME="GENERATOR" Content="Microsoft Visual Studio 6.0"> 
<TITLE></TITLE> 
<script language="javascript"> 
function trans(tag){ 
if (tag==0){ 
window.returnValue=false; 
} else{ 
window.returnValue =true; 
} 
window.close(); 
} 
</script> 
</HEAD> 
<BODY> 

<INPUT id=button1 type=button value="返回真" name=button1 onclick="trans(1)"> 
<INPUT id=button2 type=button value="返回假" name=button2 onclick="trans(0)"> 

</BODY> 
</HTML>

요약:

이런 방식으로 값은 모달 창에서 상위 창으로 전송될 수 있으며, 부울 값, 정수 값 등 외에도 많은 양의 데이터를 전송하는 데 사용되는 js 배열이 될 수도 있습니다.

showModalDialog 등의 구체적인 사용법은 msdn을 참고하세요.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.