먼저 기본 지식 을 간단하게 소개 합 니 다.첫째,window.open()지원 환경:자바 1.0+/J1.0+/nav2+/IE3+/Opera 3+2,기본 문법:window.open(pageURL,name,parameters)그 중에서 pageURL 은 하위 창 경로 name 은 하위 창 핸들 parameters 는 창 매개 변수(각 매개 변 수 는 쉼표 로 구분)3,각 매개 변 수 는 yes/no 도 1/0 을 사용 할 수 있 습 니 다.pixel value 는 구체 적 인 수치 이 고 단위 픽 셀 입 니 다.파라미터|수치 범위|설명 alwaysLowered|yes/no|지정 창 이 모든 창 뒤에 숨겨 져 있 음 alwaysRaised|yes/no|지정 창 이 모든 창 위 에 떠 있 음 depended|yes/no|부모 창 과 directories 를 동시에 닫 을 지 여부|yes/no|Nav 2 와 3 의 디 렉 터 리 표시 줄 이 height|pixel value|창 높이 hotkeys|yes/no|메뉴 표시 줄 이 없 는 창 에서단축 키 innerHeight|pixel value|창 에 있 는 문서 의 픽 셀 높이 innerWidth|pixel value|창 에 있 는 문서 의 픽 셀 너비 location|yes/no|위치 표시 줄 이 menubar 를 볼 수 있 는 지 여부|yes/no|메뉴 표시 줄 이 outerHeight|pixel value|설정 창(장식 테두리 포함)의 픽 셀 높이 outerWidth|pixel value|설정 창(설치 포함)테두리 장식)의 픽 셀 너비 resizable|yes/no|창 크기 를 조정 할 수 있 습 니까 screenX|pixel value|창 이 화면 왼쪽 경계 에 있 는 픽 셀 길이 screenY|pixel value|창 이 화면 경계 에 있 는 픽 셀 길이 scrollbars|yes/no|창 에 스크롤 바 가 있 는 지 titlebar|yes/no|창 제목 표시 줄 이 toolbar 를 볼 수 있 는 지 여부|yes/no|창 도구 모음 이 W 를 볼 수 있 는 지 여부idth|pixel value|창의 픽 셀 너비 z-look|yes/no|창 이 활성 화 된 후 다른 창 위 에 떠 있 는 지 여부 window.show Modal Dialog 사용 매 뉴 얼 기본 설명:show Modal Dialog()(IE 4+지원)show ModelessDialog()(IE 5+지원)window.show Modal Dialog()방법 은 HTML 내용 을 표시 하 는 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.window.show ModelessDialog()방법 은 HTML 내용 을 표시 하 는 비 모드 대화 상 자 를 만 드 는 데 사 용 됩 니 다.사용 방법:vReturnValue=window.showModal Dialog(sURL[,vArguments][,sFeatures])vReturnValue=window.showModelessDialog(sURL[,vArguments][,sFeatures])매개 변수 설명:sURL-필수 매개 변수,유형:문자열.대화 상자 에 표시 할 문서 의 URL 을 지정 합 니 다.vArguments-선택 가능 한 매개 변수,유형:변형.대화 상자 에 파 라 메 터 를 전달 합 니 다.전달 하 는 매개 변수 유형 은 배열 등 을 포함 하여 제한 되 지 않 습 니 다.대화 상 자 는 window.dialog Arguments 를 통 해 전 달 된 인 자 를 가 져 옵 니 다.sFeatures--선택 가능 한 매개 변수,유형:문자열.대화 상자 의 외관 등 정 보 를 설명 할 때 아래 의 하나 또는 몇 개 를 사용 하여 분점 을 사용 할 수 있 습 니 다."격 리1.dialog Height:대화 상자 의 높이 는 100 px 보다 작 지 않 습 니 다.IE4 에서 dialog Height 와 dialog Width 의 기본 단 위 는 em 이 고 IE5 에 서 는 px 입 니 다.이 를 편리 하 게 보기 위해 modal 방식 의 대화 상 자 를 정의 할 때 px 를 단위 로 합 니 다.2.dialog Width:대화 상자 너비.3.dialog 왼쪽:화면 왼쪽 거리.4.dialogTop:화면 에서 의 거리.5.center:{yes|no|1|0}:창 이 가운데 있 는 지,기본 yes 이지 만 높이 와 폭 을 지정 할 수 있 습 니 다.6.help:{yes|no|1|0}:도움말 단 추 를 표시 할 지,기본 yes.7.resizable:{yes|no|1|0}[IE5+]:크기 를 바 꿀 수 있 습 니까?묵인 no.8.status:{yes|no|1|0}[IE5+]:상태 표시 줄 을 표시 할 지 여부 입 니 다.기본 값 은 yes[Modeless]또는 no[Modal]입 니 다.9.scroll:{yes|no|1|0|on|off}:대화 상자 에 스크롤 바 를 표시 할 지 여부 입 니 다.기본 값 yes.아래 의 몇 가지 속성 은 HTA 에 사용 되 며,일반적인 웹 페이지 에 서 는 일반적으로 사용 되 지 않 습 니 다.10.dialog Hide:{yes|no|1|0|on|off}:미리 보 기 를 인쇄 하거나 인쇄 할 때 대화 상자 가 숨겨 질 지 여부 입 니 다.기본 값 은 no 입 니 다.11.edge:{sunken|raised}:대화 상자 의 테두리 스타일 을 표시 합 니 다.기본 값 은 raised 입 니 다.12.unadorned:{yes|no|1|0|on|off}:기본 값 은 no 입 니 다.매개 변수 전달:1.대화 상자 에 매개 변 수 를 전달 하려 면 vArguments 를 통 해 전달 합 니 다.형식 은 제한 되 지 않 습 니 다.문자열 형식 에 대해 서 는 최대 4096 글자 입 니 다.대상 도 전달 할 수 있다.예 를 들 어-----------------parent.htm
<script type="text/javascript"> var obj = new Object(); obj.name="51js"; window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px"); </script>
IE 에서 우 리 는 showModal Dialog 를 사용 하여 값 을 전달 할 수 있다.문법 은 다음 과 같 습 니 다.vReturnValue=window.showModal Dialog(sURL[,vArguments][,sFeatures])하지만 Firefox 에 서 는 showModal Dialog 방법 이 있 습 니 다.그러나 우 리 는 window.open()문법 으로 다음 과 같 습 니 다.o NewWindow=window.open([sURL][,sName][,sFeatures][,bReplace])은 Firefox 에서 window.open 의 매개 변수 에서 sFeature 는 기능 설정 이 많 습 니 다.파이 어 폭 스에 서 열 린 창 이 IE 의 쇼 Modal Dialog 와 같다 면 sFeatures 에 modal=yes 를 추가 하면 된다.다음은 그 용법 을 예시 로 설명 한다.기능 설명:하위 창 에서 색상 종 류 를 입력 하여 부모 창 에 제출 하고 드 롭 다운 목록 에 옵션 을 추가 합 니 다.a.html