JS_javascript 스킬의 showModalDialog 사용 분석

기본 소개:                                                    

window.showModalDialog() 메서드는 HTML 콘텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다. (즉, 상위 창을 연 후에는 조작할 수 없으며 대기 모드에서만 조작할 수 있습니다 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　      부모 창을 연 후에는 조작할 수 없기 때문입니다.

window.showModelessDialog() 메서드는 HTML 콘텐츠를 표시하는 비모달 대화 상자를 만드는 데 사용됩니다. (열린 후에도 다른 작업을 수행할 수 있습니다)

사용 방법:                                                                    

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])      

vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

매개변수 설명:                                                

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

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

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

----------------------

매개변수 전달:

1. 매개변수를 대화 상자에 전달하려면 vArguments를 통해 전달됩니다. 유형에는 제한이 없습니다. 문자열 유형의 경우 최대 길이는 4096자입니다. 객체를 전달할 수도 있습니다.

parent.html

코드 복사

코드는 다음과 같습니다.

사용자 이름:                                                                                                                                                             ="text/javascript"> var sURL = "showModalDialog2.html"; var sFeatures = "dialogHeight: 200px;dialogWidth:450px" ;

document.getElementById("buttonID") .onclick = function(){

//"입력 선택" 버튼을 클릭하면 입력 선택을 위한 대화 상자가 나타납니다
showModalDialog(sURL,vArguments,sFeatures);
                                      
어린이.html





코드 복사


코드는 다음과 같습니다.

& lt; body & gt;
& lt; script type = "text/javascript" & gt; // "입력 선택" 버튼을 클릭하면 해당 값이 표시됩니다. 상위 창 Midtop의 텍스트 상자 // 상위 창에서 전달된 객체 수신
var Fatherwindow = window.dialogarguments; lement.firstChild.nodeValue;
                                      ~ > /script>
                                                                                                 ~ >        
" value="입력 선택" onclick="selectInput(this)" />
                                             ~                 ;/tr>

 
 
최종 결과:



2. window.returnValue를 사용하여 대화 상자를 여는 창에 정보를 반환할 수 있습니다. 이는 부울 값, 정수 값 등일 수 있습니다. 또한 js 배열일 수도 있습니다.

parent.html





코드 복사


코드는 다음과 같습니다.

성명：

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