JavaScript 창 설명.ShowModalDialog 사용

자바스크립트는 다음과 같은 대화상자를 만드는 내장된 방법이 많다.alert(), window.confirm(),window.prompt().기다리다그러나 IE는 대화 상자를 지원하는 더 많은 방법을 제공합니다.예:
showModalDialog()(IE 4+ 지원)
showModelessDialog()(IE 5+ 지원)
window.showModalDialog () 방법은 HTML 내용을 표시하는 모드 대화상자를 만드는 데 사용됩니다. 대화상자이기 때문에 일반적으로 윈도우를 사용하지 않습니다.열린 () 창의 모든 속성입니다.
window.showModelessDialog () 메서드는 HTML 내용을 표시하는 비모드 대화상자를 만드는 데 사용됩니다.
showModelessDialog () 로 창을 열 때 윈도우를 사용할 필요가 없습니다.close () 를 닫습니다. 비모드로 [IE5] 를 열 때, 대화상자를 열 수 있는 창은 다른 작업을 할 수 있습니다. 즉, 대화상자가 항상 맨 위의 초점이 아니라, 창 URL이 바뀌면 자동으로 닫힙니다.반면에 모드 [IE4] 방식의 대화상자는 항상 초점이 있습니다. 초점은 닫힐 때까지 이동할 수 없습니다.모드 대화상자는 창을 여는 것과 연결되어 있기 때문에 우리가 다른 창을 열 때, 그들의 링크 관계는 여전히 저장되어 있으며, 활동 창 아래에 숨겨져 있다.
사용 방법은 다음과 같습니다.

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

매개변수 설명:
sURL
필수 매개변수, 유형: 문자열.대화상자에 표시할 문서의 URL을 지정합니다.
vArguments
선택 가능한 매개 변수, 유형: 변형.대화상자에 매개 변수를 전달하는 데 사용됩니다.전달된 매개 변수 유형은 수조 등을 포함하여 제한되지 않습니다.대화상자는 윈도우를 통과합니다.전달된 매개 변수를 얻기 위해 dialogarguments.
sFeatures
선택 가능한 매개 변수, 유형: 문자열.대화상자의 모양과 같은 정보를 설명하기 위해 다음 중 하나 또는 몇 개를 사용할 수 있습니다. ";"격리하다.
100px보다 작지 않은 대화상자 높이, IE4에서dialogHeight와dialogWidth의 기본 단위는em이고, IE5에서는px입니다. 보기 편하도록modal방식의 대화상자를 정의할 때 px를 단위로 합니다.
dialogWidth: 대화 상자 너비입니다.
dialogLeft: 데스크톱에서 왼쪽으로 이동합니다.
dialogTop: 데스크톱에서 떨어집니다.
center: {yes | no | 1 | 0}: 창이 가운데 있는지 기본 yes이지만 높이와 너비를 지정할 수 있습니다.
help: {yes | no | 1 | 0}: 도움말 단추를 표시할지 여부, 기본 yes입니다.
resizable: {yes | no | 1 | 0} [IE5＋]: 크기를 변경할 수 있습니까?기본 no.
status: {yes | no | 1 | 0} [IE5+]: 상태 표시줄을 표시할지 여부입니다.기본값은 yes[Modeless] 또는 no[Modal]입니다.
scroll: {yes | no | 1 | 0 | on | off}: 대화상자에 스크롤 막대를 표시할지 여부를 표시합니다.기본값은 yes입니다.
그리고 몇 가지 속성은 HTA에 사용되고 일반적인 웹 페이지에서는 사용하지 않습니다.
dialogHide: {yes | no | 1 | 0 | on | off}: 미리 보기를 인쇄하거나 인쇄할 때 대화상자가 숨겨져 있는지 여부입니다.기본값은 no입니다.
edge: {sunken | raised}: 대화상자의 테두리 스타일을 표시합니다.기본값은raised입니다.
unadorned: {yes | no | 1 | 0 | on | off}: 기본값은 no입니다.
전송 매개변수:
대화상자에서 매개 변수를 전달하려면 vArguments를 통해 전달합니다.유형은 제한되지 않으며 문자열 유형의 경우 최대 4096자입니다.객체를 전달할 수도 있습니다(예:
test1.htm

<script>
var mxh1 = new Array("mxh","net_lover"," E ")
var mxh2 = window.open("about:blank","window_mxh")
//  
window.showModalDialog("test2.htm",mxh1)
//  window 
window.showModalDialog("test3.htm",mxh2)
</script>

test2.htm

<script>
var a = window.dialogArguments
alert(" ：" + a)
</script>

test3.htm

<script>
var a = window.dialogArguments
alert(" window ， ：" + a.name)
</script>

윈도우를 통해 가능합니다.returnValue는 대화상자를 여는 창에 정보를 되돌려줍니다. 물론 대상일 수도 있습니다.예:
test4.htm

<script>
var a = window.showModalDialog("test5.htm")
for(i=0;i<a.length;i++) alert(a[i])
</script>

test5.htm

<script>
function sendTo()
{
var a=new Array("a","b")
window.returnValue = a
window.close()
}
</script>

<form>
<input value=" " type=button>
</form>

FAQ:
1, 어떻게 모드 대화상자에서 창을 새로 열지 않고 제출합니까?
만약 브라우저가 IE5.5+라면, 대화상자에서name 속성을 가진iframe를 사용할 수 있으며, 제출할 때 target을 이iframe의name로 만들 수 있습니다.IE4+에 대해서는 높이 0의 프레임으로 할 수 있습니다.예:
test6.htm

<script>
window.showModalDialog("test7.htm")
</script> test7.htm
if(window.location.search) alert(window.location.search)
<frameset rows="0,*">
<frame src="about:blank">
<frame src="test8.htm">
</frameset> test8.htm
<form target="_self" method="get">
<input name=txt value="test">
<input type=submit>
</form>
<script>
if(window.location.search) alert(window.location.search)
</script>

2, 통과 가능http://servername/virtualdirname/test.htm?name=mxh대화상자에 직접 매개 변수를 전달합니까?
답은 안돼.하지만 프레임에서는 가능합니다.
자바스크립트 창 창에 대한 간단한 설명입니다.Show Modal Dialog에서 사용한 글은 여기까지입니다. 자바스크립트 창 윈도우에 대한 더 많은 정보가 있습니다.Show Modal Dialog 내용은 저희 이전 글을 검색하거나 아래 관련 글을 계속 찾아보세요. 앞으로 많이 사랑해 주세요!