집 > 기사 > 웹 프론트엔드 > Javascript showModalDialog 두 개의 form_javascript 기술 사이에 값 전달

Javascript showModalDialog 두 개의 form_javascript 기술 사이에 값 전달

WBOY원래의: 2016-05-16 18:45:431030검색

두 폼 간 자바스크립트 값 전송 구현 코드
자바스크립트에도 새 폼을 열 수 있는 window.showModalDialog 함수가 있는데, 모달 창을 열므로 값 전달 방법은 어떻게 되나요? 부모 폼과 자식 폼 사이? 먼저 이 함수의 정의를 살펴보겠습니다. vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
매개변수 설명:
sURL--필수 매개변수, 유형: 문자열. 대화 상자에 표시할 문서의 URL을 지정하는 데 사용됩니다.
vArguments--선택적 매개변수, 유형: 변형. 대화 상자에 매개변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달되는 매개변수 유형은 제한되지 않습니다. 대화 상자는 window.dialogArguments를 통해 전달된 매개변수를 가져옵니다.
sFeatures--선택적 매개변수, 유형: 문자열. 대화 상자의 모양과 기타 정보를 설명하는 데 사용되며 다음 중 하나 이상을 세미콜론 ";"으로 구분하여 사용할 수 있습니다.
dialogHeight: 대화 상자의 높이, 100px 이상. IE4의 대화 상자 높이 및 대화 상자 너비의 기본 단위는 em이지만 IE5에서는 편의상 모달 대화 상자를 정의할 때 단위를 px로 사용합니다. .
dialogWidth: 대화상자 너비.
dialogLeft: 화면 왼쪽으로부터의 거리입니다.
dialogTop: 화면으로부터의 거리.
center: {yes | no | 1 | 0}: 창이 중앙에 있는지 여부, 기본값은 yes이지만 높이와 너비는 계속 지정할 수 있습니다.
help: {yes | no | 1 | 0}: 도움말 버튼 표시 여부, 기본값은 yes입니다.
크기 조정 가능: {예 | 아니요 | 0 } [IE5]: 크기를 조정할 수 있는지 여부입니다. 기본값은 아니오입니다.
status: {yes | no | 0} [IE5]: 상태 표시줄을 표시할지 여부입니다. 기본값은 yes[Modal] 또는 no[Modal]입니다.
scroll:{ yes | no | 0 | off }: 대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
예: "dialogWidth=200px;dialogHeight=100px"
따라서 window.dialogArguments 매개변수를 통해 두 양식 간에 값을 전달할 수 있습니다.
예를 들어 다음 두 페이지는 FatherPage.htm입니다.

코드 복사 코드는 다음과 같습니다.

>
위는 단순한 전달 문자열이며 다음과 같은 배열을 전달할 수도 있습니다. FatherPage.htm:
XML-Code:

복사 code

코드는 다음과 같습니다.

마찬가지로 다음과 같은 객체를 전달할 수도 있습니다: FatherPage.htm:
XML-Code:

코드 복사

코드는 다음과 같습니다.

위 내용은 모두 상위 폼에서 하위 폼으로 값을 전달하는 내용이므로 전달하는 방법은 다음과 같습니다. 하위 폼에서 상위 폼으로 값을 전달하는 것은 어떻습니까? 실제로 window.returnValue를 통해 하위 양식의 값을 얻을 수 있습니다. window.dialogArguments와 마찬가지로 window.returnValue는 문자열, 배열, 객체 등을 포함한 모든 변수가 될 수 있습니다. 예: FatherPage.html:
XML-Code:

코드 복사 코드는 다음과 같습니다.