javascript show Modal Dialog 전송 값 과 FireFox 의 window.open 부자 창 전송 값 예제 1/2 페이지

먼저 기본 지식 을 간단하게 소개 합 니 다.첫째,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>
modal.htm
 
<script type="text/javascript">
var obj = window.dialogArguments
alert(" :" + obj.name)
</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
 
< type="text/java">
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
b.html
 
<script type="text/javascript">
window.returnValue="https://www.jb51.net";
</script>
b.html
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>a.html </title>
<script language="javascript">
function openstr()
{
ReturnValue=window.showModalDialog("b.html",window,"dialogWidth=510px;dialogHeight=150px;status=no");
if(ReturnValue && ReturnValue!="")
{
oOption = document.createElement('OPTION');
oOption.text=ReturnValue;
oOption.value=ReturnValue;
document.all.txtselect.add(oOption);
}
}
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>
<select name="txtselect" id="txtselect">
</select>
</label>
<label>
<input type="button" name="Submit" value=" " onclick="openstr()" />
</label>
</form>
</body>
</html>
1 2 다음 페이지 전문 을 읽다

좋은 웹페이지 즐겨찾기