js showModalDialog 팝업창 example_javascript 스킬에 대한 자세한 설명

showModalDialog:모달 창은 매우 특별한 종류의 창입니다. 열리면 현재 모달 하위 창이 닫히지 않는 한 다음 상위 창의 활동이 중지됩니다. 웹 Ajax 개발을 할 때 부모창을 동작시키기 위해서는 가끔 폼을 작성하거나 온라인 질의응답과 유사한 창을 생성해야 하는 경우가 있는데, 그 특징은 매개변수 전달이 매우 편리하고 강력하다는 것입니다. parent는 Window 변수 및 메소드를 직접 호출할 수 있습니다.

사용법:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])

매개변수 설명:
sURL--
필수 매개변수, 유형: 문자열. 대화 상자에 표시할 문서의 URL을 지정하는 데 사용됩니다.

vArguments--
선택적 매개변수, 유형: 변형. 대화 상자에 매개변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달되는 매개변수 유형은 제한되지 않습니다. 대화 상자는 window.dialogArguments를 통해 전달된 매개변수를 가져옵니다.

sFeatures--
선택적 매개변수, 유형: 문자열. 대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음 중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.

1.dialogHeight:
IE4에서는 대화 상자 높이와 대화 상자 너비의 기본 단위가 em이지만 편의상 px입니다. 모달 모드가 정의되어 있습니다. 대화 상자를 열 때 단위는 px를 사용합니다.

2.dialogWidth:
대화상자 너비.

3.dialogLeft:
화면 왼쪽으로부터의 거리.

4.dialogTop:
화면과의 거리.

5.center: {yes | no | 1 | 0}:
창이 중앙에 있는지 여부는 기본값이지만 높이와 너비는 계속 지정할 수 있습니다.

6.help: {yes | no | 1 | 0}:
도움말 버튼 표시 여부, 기본값은 yes입니다.

7.ressible: {예 | 아니오 | 0}
[IＥE5＋]: 크기를 조정할 수 있는지 여부. 기본값은 아니오입니다.

8.status: {yes | no | 0}
[IE5]: 상태 표시줄을 표시할지 여부입니다. 기본값은 yes[Modal] 또는 no[Modal]입니다.

9.scroll:{ yes | no | 1 | 0 | off }:
대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
다음 속성은 HTA에서 사용되며 일반적으로 일반 웹페이지에서는 사용되지 않습니다.

10.dialogHide:{ yes | no | 1 | 0 | on off }:
인쇄 또는 인쇄 미리보기 중에 대화 상자를 숨길지 여부. 기본값은 아니오입니다.

11.edge:{ sunken | raise }:
대화 상자의 테두리 스타일을 나타냅니다. 기본값은 증가합니다.

12.unadorned:{ 예 | 아니요 | 0 | 끄기 }:
기본값은 아니요입니다.

예:
parent.html

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

<script><br>function setname(res){<br>document.getElementByIdx_x("name").value=res;<br>}<br>function selectTp (){<br> // 부모 창의 setname 함수를 자식 창에 전달 window.showModalDialog('child.html',setname,'dialogWitdh:300px;dialogHeight:300px;center:yes;') ;<br>} <br></script>

child.html