javascript showModalDialog 값 전송 및 FireFox의 window.open 부모-자식 창 값 전송 example_javascript 기술
- PHP中文网원래의
- 2016-05-16 18:42:111232검색
javascript showModalDialog 값 전달 및 FireFox의 window.open 상위-하위 창 값 전달 샘플 코드.
먼저 기본 지식을 간략히 소개합니다:
1. window.open() 지원 환경: Java1.0 /J1.0 /Nav2 /IE3 /Opera3
2. window.open(pageURL,name,parameters)
여기서:
pageURL은 하위 창 경로입니다.
name은 하위 창 핸들입니다.
parameters는 창 매개변수입니다(각 매개변수는 쉼표)
3. 매개변수
그 중 yes/no도 사용할 수 있으며 픽셀 값은 특정 값, 단위 픽셀입니다.
매개변수 | 값 범위 | 설명
alwaysLowered | 예/아니요 | 지정된 창이 모든 창 뒤에 숨겨집니다.
지정된 창이 모든 창 위에 일시 중지됩니다. 예/ no | 동시에 상위 창을 닫을지 여부
디렉터리 | Nav2 및 3의 디렉터리 표시줄 표시 여부
높이 | 창 높이
단축키 | 메뉴 막대가 없는 창에서 CMD 안전 종료 단축키
innerHeight | 픽셀 값 | 창에 있는 문서의 픽셀 높이
위치에 있는 문서의 픽셀 너비 | | 위치 표시줄 표시 여부
메뉴 표시줄 표시 여부
outerHeight | 픽셀 높이 설정(장식 테두리 포함)
outerWidth | 창의 픽셀 너비 설정(장식 테두리 포함)
크기 조정 가능 여부
screenX | 화면 왼쪽 가장자리부터의 픽셀 길이
screenY | 픽셀 값 | 화면 상단 가장자리부터의 픽셀 길이
스크롤바 | 예 /아니요 | 창에 스크롤 막대가 있을 수 있는지 여부
창 제목 표시줄 여부 | 표시됨
도구 모음 | 예/아니요 | 창 도구 모음 표시 여부
너비 | 창의 픽셀 너비
예/아니요 | 활성화된 후의 창
window.showModalDialog 사용자 설명서
기본 소개:
showModalDialog()(IE 4 지원)
showModelessDialog()(IE 5 지원)
window.showModalDialog() 메서드는 HTML 콘텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다.
window.showModelessDialog() 메서드는 HTML 콘텐츠를 표시하는 비모달 대화 상자를 만드는 데 사용됩니다.
사용법:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
매개변수 설명:
sURL--
필수 매개변수, 유형: 문자열. 대화 상자에 표시할 문서의 URL을 지정하는 데 사용됩니다.
vArguments--
선택적 매개변수, 유형: 변형. 대화 상자에 매개변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달되는 매개변수 유형은 제한되지 않습니다. 대화 상자는 window.dialogArguments를 통해 전달된 매개변수를 가져옵니다.
sFeatures--
선택적 매개변수, 유형: 문자열. 대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음 중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.
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 |
매개변수 전달:
1. 매개변수를 대화 상자에 전달하려면 vArguments를 통해 전달됩니다. 유형에는 제한이 없습니다. 문자열 유형의 경우 최대 길이는 4096자입니다. 객체를 전달할 수도 있습니다. 예:
-----------------------------------
부모 .htm
코드 복사
>
---------
2.대화를 열 수 있습니다. window.returnValue를 통해 프레임의 창은 정보를 반환하며, 이는 물론 객체일 수도 있습니다. 예:
--------------------------------
parent.htm
코드 복사 코드는 다음과 같습니다.
< type="text/java"> ",,"dialogWidth= 200px;dialogHeight=100px");
alert(str);
modal.htm
코드 복사 코드는 다음과 같습니다.
구문은 다음과 같습니다.
vReturnValue = window.showModalDialog(sURL [, vArguments] [, sFeatures])
그러나 Firefox에는 showModalDialog 메소드가 없지만 window.open()을 사용할 수 있습니다.
구문은 다음과 같습니다.
oNewWindow = window.open([sURL] [, sName] [, sFeatures] [, bReplace])
Firefox에서는 window.open의 매개변수 중 딱 그렇습니다. , sFeature에는 더 많은 기능 설정이 있습니다. 예, 열린 창을 FireFox의 IE showModalDialog와 동일하게 하려면 sFeatures에 modal=yes를 추가하면 됩니다.
아래에는 사용법을 설명하기 위한 예가 사용되었습니다.
기능 설명: 하위 창에서 색상 유형을 입력하여 상위 창에 제출하고, 드롭다운 목록에 옵션을 추가합니다.
a.html
코드는 다음과 같습니다.
< title>a .html 문서
/head>
b.html
코드 복사
코드는 다음과 같습니다.
<머리>
<스크립트 언어="javascript">
함수 ClickOk()
{
var t=document.Edit;
var url=t.color.value;
if(url==null||url=="填写颜color") return(false);
window.returnValue=url;
window.close();
}
<본문>
>修改为兼容IE와 FireFoxr의 대대적인 다운로드:
[코드]
b.html
复代码
代码如下:
< ;html >