오늘, 프로젝트에서 팝업 하위 창을 사용했을 때 JavaScript를 사용하여 구현하는 두 가지 방법을 생각했습니다. 하나는 Window.open (); 다른 하나는 Window.showmodaldialog () 메소드입니다. 후자는 부모-자식 관계가있는 팝업 창입니다. 자식 창이 닫히면 부모 창이 활성화되고 매개 변수와 반환 값을 전송할 수 있습니다. 사용법을 다시 검토하고 프로세스 중에 발생하는 문제를 기록하십시오.
기본 소개 :
showmodaldialog () (예 : 4+ 지원)
showmodelessDialog () (예 : 5+ 지원)
Window.showmodaldialog () 메소드는 HTML 컨텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다.
Window.showModelessDialog () 메소드는 HTML 컨텐츠를 표시하는 비 모드 대화 상자를 만드는 데 사용됩니다.
사용 방법 :
vreturnvalue = wind
vreturnvalue = wind
매개 변수 설명 :
SURL :
필수 매개 변수, 유형 : String. 대화 상자에 표시 할 문서의 URL을 지정하는 데 사용됩니다.
varguments :
선택적 매개 변수, 유형 : 변형. 대화 상자에 매개 변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달 된 매개 변수 유형은 제한되지 않습니다. 대화 상자는 Window.DialoGarguments를 사용하여 전달 된 매개 변수를 얻습니다.
sfeatures :
선택적 매개 변수, 유형 : String. 다음 정보와 같은 대화 상자의 모양을 설명하는 데 사용되는 정보는 세미콜론으로 분리 될 수 있습니다. ";
1. DialogHeight : 대화 상자 높이는 100px 이상입니다. IE4의 DialogHeight 및 Dialogwidth의 기본 단위는 EM이고 IE5에서는 PX입니다. 편의를 위해 모달 메소드에서 대화 상자를 정의 할 때 PX를 장치로 사용하십시오.
2.dialogwidth : 대화 상자 너비.
3. Dialogleft : 화면 왼쪽에서 거리.
4. 다이알 로그 탑 : 화면에서의 거리.
5. 센터 : {예 | 아니요 | 1 | 0} : 창이 중앙에 있든 기본값은 예이지만 높이와 너비는 여전히 지정 될 수 있습니다.
6. help : {예 | 아니요 | 1 | 0} : 도움말 버튼을 표시할지 여부는 기본값이 예입니다.
7. 재구성 가능 : {예 | 아니요 | 1 | 0} [IE5+] : 크기가 변경 될 수 있는지 여부. 기본 번호.
8. Status : {예 | 아니요 | 1 | 0} [IE5+] : 상태 표시 줄을 표시할지 여부. 기본값은 예 [modeless] 또는 아니오 [modal]입니다.
9. 스크롤 : {예 | 아니요 | 1 | 0 | on | OFF} : 대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
다음 속성은 HTA에서 사용되며 일반적으로 일반 웹 페이지에서는 사용되지 않습니다.
10. Dialoghide : {예 | 아니요 | 1 | 0 | on | OFF} : 인쇄 또는 인쇄 할 때 대화 상자가 숨겨져 있는지 여부. 기본값은 아니요입니다.
11.Edge : {Sunken | REASED} : 대화 상자의 테두리 스타일을 지정합니다. 기본값이 제기됩니다.
12. 유니 아나 르드 : {예 | 아니요 | 1 | 0 | on | OFF} : 기본값은 아니오입니다.
매개 변수 통과 :
1. 대화 상자에서 매개 변수를 전달하려면 varguments를 통과합니다. 유형에 제한이 없습니다. 문자열 유형의 경우 최대 값은 4096 자이며 객체도 전달할 수 있습니다.
2. 대화 상자가 창을 통해 열린 창에 정보를 반환 할 수 있으며 물론 객체가 될 수도 있습니다.