자바스크립트에서 showModalDialog 매개변수 사용에 대한 자세한 설명

이 글은 주로 js의 showModalDialog 매개변수 사용에 대한 자세한 분석과 소개를 제공합니다. 도움이 필요한 친구들이 와서 참고할 수 있기를 바랍니다.

기본 소개:

showModalDialog()(IE 4 지원)
showModelessDialog()(IE 5 지원)
창 .showModalDialog() 메서드는 HTML 콘텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다.
window.showModelessDialog() 메서드는 HTML 콘텐츠를 표시하는 비모달 대화 상자를 만드는 데 사용됩니다.

사용법:

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

매개변수 설명:

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

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

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

1. 대화 상자 높이: 100px 이상
2. 대화 상자 너비.
3.DialogLeft: 화면 왼쪽으로부터의 거리입니다.
4.dialogTop: 화면으로부터의 거리.
5. 센터: { 예 | 아니오 | 1 | 0 }: 센터 여부, 기본값은 예이지만 높이와 너비는 계속 지정할 수 있습니다.
6. 도움말: {예 | 아니오 1 | 0}: 도움말 버튼을 표시할지 여부, 기본값은 예입니다.
7. 크기 조정 가능: {예 | 아니오 1 | 기본값은 아니오입니다.
8. 상태:{예 | 아니오 1 | 기본값은 yes[Modal] 또는 no[Modal]입니다.
9. 스크롤:{ 예 | 아니오 1 | 기본값은 예입니다.

다음 속성은 HTA에서 사용되며 일반적으로 일반 웹페이지에서는 사용되지 않습니다.

10.dialogHide:{ yes | no | 0 | on | off }: 인쇄 또는 인쇄 미리보기 중에 대화 상자를 숨길지 여부입니다. 기본값은 아니오입니다.
11. edge:{ sunken | raise }: 대화 상자의 테두리 스타일을 지정합니다. 기본값은 증가합니다.
12. 장식되지 않음:{ 예 | 아니요 | 0 |

매개변수 전달:

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

parent.htm

<script>
　　var obj = new Object();
　　obj.name="51js";
　　window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
　　var obj = window.dialogArguments
　　alert("您传递的参数为：" + obj.name)
</script>

2. window.returnValue를 통해 물론 객체일 수도 있습니다. 예:

parent.htm

<script>
         str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
         alert(str);
</script>
modal.htm
<script>
         window.returnValue="//www.php.cn";
</script>

위 내용은 이 장의 전체 내용입니다. 더 많은 관련 튜토리얼을 보려면 JavaScript 비디오 튜토리얼을 방문하세요. !