JavaScript 새 창 및 하위 창 값 전송_javascript 기술에 대한 자세한 설명

window.open() 지원 환경: JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3
window.open(pageURL,name,parameters)
pageURL은 하위 창 경로입니다.
이름은 이름입니다. 팝업 창의
매개변수는 창 매개변수입니다(각 매개변수는 쉼표로 구분됨)
alwaysLowered | yes/no | 지정된 창은 모든 창 뒤에 숨겨집니다.
alwaysRaised | 창이 모든 창 위에 일시 중지됨
종속됨 | 예/아니요 | 동시에 상위 창을 닫을지 여부
네/아니요 | Nav2 및 3의 디렉터리 표시줄 표시 여부
높이 | value | 창 높이
hotkeys | 메뉴 막대의 창에 안전한 종료 단축키가 설정되어 있는지 여부
innerHeight | 픽셀 높이
innerWidth | 값 | 창에 있는 문서의 픽셀 너비
위치 | 예/아니요 | 위치 표시줄 표시 여부
외부 높이 | 창의 픽셀 높이(장식 테두리 포함)
outerWidth | 픽셀 값 | 창의 픽셀 높이 설정(장식 테두리 포함) 픽셀 너비
크기 조정 가능 여부
screenX | 픽셀 값 | 화면 왼쪽 가장자리에서 창의 픽셀 길이
스크롤 막대 | 창에 스크롤 막대가 있을 수 있음
제목 표시줄 표시 여부
도구 모음 표시 여부
폭 | 🎜>z-look | 예/아니요 | 창이 활성화된 후 다른 창 위에 떠 있는지 여부

코드 복사 다음과 같습니다:

<SCRIPT> </div>window.open(' 페이지 .html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizing=no,location=no, status=no' ) <div class="codebody" id="code92994"></SCRIPT> 

style="font-family:Microsoft YaHei; 글꼴 크기:14px"> ;span style="color:rgb(76,76,76); line-height:28px; text-indent:32px">2.< style="font-family:'Hiragino Sans GB W3','Hiragino Sans GB',Arial,Helvetica,simsun,u5b8bu4f53; 글꼴 크기:16px; text-indent:32px; color:rgb(76,76,76 ) ; line-height:28px">showModalDialog

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
sURL 필수 매개변수, 유형: string . 대화 상자에 표시할 문서의 URL을 지정하는 데 사용됩니다.

vArguments 선택적 매개변수, 유형: 변형. 대화 상자에 매개변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달되는 매개변수 유형은 제한되지 않습니다. 대화 상자는
sFeatures 선택적 매개변수를 전달합니다(문자열 입력). 대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음 중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.
window.dialogArguments를 사용하여 전달된 매개변수를 가져옵니다.

1.dialogHeight: 대화 상자 높이, 100px 이상 IE4의 대화 상자 높이 및 대화 상자 너비의 기본 단위는 em이지만 IE5에서는 편의상 모달 대화 상자를 정의할 때 px를 사용합니다. 단위.
2.dialogWidth: 대화상자 너비.
3.dialogLeft: 화면 왼쪽으로부터의 거리입니다.
4.dialogTop: 화면으로부터의 거리.
5.center: {yes | no | 1 | 0}: 창이 중앙에 있는지 여부는 기본값이지만 높이와 너비는 계속 지정할 수 있습니다.
6.help: {yes | no | 0}: 도움말 버튼을 표시할지 여부, 기본값은 yes입니다.
7.ressible: {예 | 아니오 1 | 0} [IE5+]: 크기를 조정할 수 있는지 여부. 기본값은 아니오입니다.
8.status: {yes | no 1 | 0} [IE5]: 상태 표시줄을 표시할지 여부입니다. 기본값은 yes[Modal] 또는 no[Modal]입니다.
9.scroll:{ yes | no | 0 | on off }: 대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
다음 속성은 HTA에서 사용되며 일반적으로 일반 웹페이지에서는 사용되지 않습니다.
10.dialogHide:{ yes | no | 1 | 0 | off }: 인쇄 또는 인쇄 미리보기 중에 대화 상자를 숨길지 여부입니다. 기본값은 아니오입니다.
11.edge:{ sunken | raise }: 대화 상자의 테두리 스타일을 지정합니다. 기본값은 증가합니다.
12.unadorned:{ 예 | 아니요 | 0 |

//parent.htm




코드 복사

코드는 다음과 같습니다.

<script><br>var obj = new Object() <br>obj; .name="51js"; <br>window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px") <br></script> 🎜><script> <br>var obj = window.dialogArguments <br>alert("전달한 매개변수는 " obj.name) <br></script>

< ;/p>

//---------- ------------- -----

///2를 사용하면 됩니다. 대화 상자가 열린 창에 정보를 반환합니다. 물론 개체일 수도 있습니다. 예:

//----------------

;p>

//parent.htm <br><script> <br>str = window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px") <br>alert(str); <br></script> <br>//modal.htm <br>&lt ;script> <br>window.returnValue="http://www.bokee.com" <br></script>

;p>

1. 원래 형식으로 직접 이동하려면

window.location.href="이동하려는 페이지";< ;br>
2. 새로운 형식으로 페이지를 열려면:
window.open('이동하려는 페이지')

; window.history.back(-1);이전 페이지로 돌아가기