showModalDialog 모달 대화 상자 및 브라우저 호환성_javascript 기술 사용에 대한 자세한 설명
1.ModalDialog란 무엇인가요?
showModalDialog는 jswindow 객체의 메소드로 window.open과 마찬가지로 새 페이지를 엽니다.
차이점은 showModalDialog가 하위 창을 연 후에 상위 창은 포커스를 얻을 수 없다는 것입니다(즉, 작동할 수 없습니다).
상위 창이 이 반환 값을 얻을 수 있도록 하위 창에서 window.returnValue 값을 설정할 수 있습니다.
2. 예시
1) 메인 창 main.html,
2) 메인 창에서 showModalDialog로 하위 창 sub.html을 엽니다
3) 하위 창 창에서 returnValue를 설정하고
main.html
코드 복사 코드는 다음과 같습니다.
<script><br>functionshowmodal()<br>{ <br> varret=window.showModalDialog("sub.html?temp=" Math.random());<br>alert("subreturnvalueis" ret);<br>}<br></script>
sub.html
코드 복사 코드는 다음과 같습니다.
< ;HTML>
<script><br>functionreturnMain()<br>{<br>window .returnValue="returnfromsub";<br>window.close();<br>}<br></script>