이 기사에서는 일반적으로 사용되는 JavaScript 팝업 창 메서드가 비교 및 참조를 요약합니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 자세한 방법은 다음과 같습니다.
1. 웹 페이지를 조용히 새로 고치십시오.
일부 웹 페이지가 새로 고침되면 프롬프트 창이 팝업되고 "확인"을 클릭하여 새로 고침됩니다.
일부 페이지는 프롬프트되지 않으며 프롬프트 창이 팝업없이 직접 새로 고침됩니다.
페이지에 양식이없는 경우
프롬프트 창이 나타나지 않습니다
페이지에 양식이있는 경우
a) <form 메소드 = "post"...>
신속한 창이 나타납니다
b) <양식 메소드 = "get"...>
팝업되지 않습니다
2. JavaScript에서 페이지를 새로 고치는 방법 :
Window.location.reload ();
팝업 창 팝업 창을 사용하여 부모 창을 새로 고치십시오.
Window.opener.location.reload ()
Window.showDialog를 사용한 모드 창 팝업
Window.dialogarguments.location.reload ();
3. 자바 스크립트 팝업 창 코드 :
window.open () 메소드 :
Window.open () 지원 환경 : javaScript1.0+/jscript1.0+/nav2+/IE3+/Opera3+
기본 구문 :
Window.Open (PageUrl, 이름, 매개 변수)
안에:
PageUrl은 어린이 창 경로입니다
이름은 자식 창 손잡이입니다
매개 변수는 창 매개 변수입니다 (각 매개 변수는 쉼표로 분리됩니다)
예:
<script> <!-wind
스크립트가 실행되면 Page.html은 새로운 형태의 Newwindow로 열리고 폭은 100, 화면 상단에서 높이 400, 화면 왼쪽에서 0 픽셀, 도구 모음, 메뉴 막대, 스크롤 막대, 주소 막대 없음 및 상태 막대가없는 새로운 형태로 열립니다.
비교하십시오.
위의 예는 일반적으로 사용되는 여러 매개 변수이며,이 외에도 다른 많은 매개 변수가 있습니다. 4 참조하십시오.
다양한 매개 변수
그중에서도 예/아니오도 1/0을 사용할 수 있습니다. 픽셀 값은 특정 값, 단위 픽셀입니다.
매개 변수 | 값 범위 | 설명
| |
항상 노출 된 | 예/아니오 | 지정된 창이 모든 창문 뒤에 숨겨져 있습니다
항상 레이스 | 예/아니오 | 모든 Windows에 매달린 Windows를 지정하십시오
의존 | 예/아니오 | 동시에 부모 창을 닫을지 여부
디렉토리 | 예/아니오 | NAV2의 디렉토리 열 및 3 가시입니다
높이 | 픽셀 값 | 창 높이
핫키 | 예/아니오 | 메뉴 바가없는 창에 안전한 출구 핫키를 설정하십시오
내부 | 픽셀 값 | 창에서 문서의 픽셀 높이
내부 | 픽셀 값 | 창에 문서의 픽셀 너비
위치 | 예/아니오 | 위치 막대가 보입니다
메뉴 바 | 예/아니오 | 메뉴 표시 줄이 보입니다
Outerheight | 픽셀 값 | 창의 픽셀 높이를 설정 (장식 테두리 포함)
외피 | 픽셀 값 | 창의 픽셀 너비를 설정합니다 (장식 테두리 포함)
RESIZABLE | 예/아니오 | 창 크기가 저격 가능합니다
ScreenX | 픽셀 값 | 화면의 왼쪽 테두리까지 창의 픽셀 길이
Screeny | 픽셀 값 | 화면의 상단 경계까지 창의 픽셀 길이
스크롤 바 | 예/아니오 | 창에 스크롤 바를 사용할 수 있습니까?
Titlebar | 예/아니오 | 창 제목 열이 보이게됩니다
도구 모음 | 예/아니오 | 윈도우 도구 모음이 보입니다
너비 | 픽셀 값 | 창의 픽셀 너비
Z-rook | 예/아니오 | 창문이 활성화 된 후 다른 창에 부유한지 여부
함수 showdialog (url) {var iwidth = 300; // 창 너비 var iheight = 200; // 창 높이 var itop = (window.screen.height-height)/2; var ILeft = (Window.Screen.width-iwidth)/2; st }Window.showmodaldialog 방법 :
기본 소개 :
showmodaldialog () (예 : 4+ 지원)
showmodelessDialog () (예 : 5+ 지원)
Window.showmodaldialog () 메소드는 HTML 컨텐츠를 표시하는 모달 대화 상자를 만드는 데 사용됩니다.
Window.showModelessDialog () 메소드는 HTML 컨텐츠를 표시하는 비 모드 대화 상자를 만드는 데 사용됩니다.
사용 방법 :
vreturnvalue = wind
매개 변수 설명 :
Surl-
필수 매개 변수, 유형 : String. 대화 상자에 표시 할 문서의 URL을 지정하는 데 사용됩니다.
varguments-
선택적 매개 변수, 유형 : 변형. 대화 상자에 매개 변수를 전달하는 데 사용됩니다. 배열 등을 포함하여 전달 된 매개 변수 유형은 제한되지 않습니다. 대화 상자는 Window.DialoGarguments를 사용하여 전달 된 매개 변수를 얻습니다.
sfeatures-
선택적 매개 변수, 유형 : String. 다음 정보와 같은 대화 상자의 모양을 설명하는 데 사용되는 정보는 세미콜론으로 분리 될 수 있습니다. ";
1. DialogHeight : 대화 상자 높이는 100px 이상입니다. IE4의 DialogHeight 및 Dialogwidth의 기본 단위는 EM이고 PX는 IE5입니다. 편의를 위해 모달 방법에서 대화 상자를 정의 할 때 PX가 장치로 사용됩니다.
2.dialogwidth : 대화 상자 너비.
3. Dialogleft : 화면 왼쪽에서 거리.
4. 다이알 로그 탑 : 화면에서의 거리.
5. 센터 : {예 | 아니요 | 1 | 0} : 창이 중앙에 있는지 여부, 기본값은 예를 들어 있지만 여전히 높이와 너비를 지정할 수 있습니다.
6. help : {예 | 아니요 | 1 | 0} : 도움말 버튼을 표시할지 여부는 기본값이 예입니다.
7. 재구성 가능 : {예 | 아니요 | 1 | 0} [IE5+] : 크기가 변경 될 수 있는지 여부. 기본 번호.
8. Status : {예 | 아니요 | 1 | 0} [IE5+] : 상태 표시 줄을 표시할지 여부. 기본값은 예 [modeless] 또는 아니오 [modal]에 대한 기본값입니다.
9. 스크롤 : {예 | 아니요 | 1 | 0 | on | OFF} : 대화 상자에 스크롤 막대가 표시되는지 여부를 나타냅니다. 기본값은 예입니다.
다음 속성은 HTA에서 사용되며 일반적으로 일반 웹 페이지에서는 사용되지 않습니다.
10. Dialoghide : {예 | 아니요 | 1 | 0 | on | OFF} : 인쇄 또는 인쇄 할 때 대화 상자가 숨겨져 있는지 여부. 기본값은 아니요입니다.
11.Edge : {Sunken | REASED} : 대화 상자의 테두리 스타일을 지정합니다. 기본값이 제기됩니다.
12. 유니 아나 르드 : {예 | 아니요 | 1 | 0 | on | OFF} : 기본값은 아니오입니다.
매개 변수 통과 :
(1). 대화 상자에서 매개 변수를 전달하려면 Varguments를 통과합니다. 문자열 유형의 경우 유형에 대한 제한은 없습니다. 최대 값은 4096 자입니다. 예를 들어 객체를 전달할 수도 있습니다.
-------------------------------------
parent.htm 페이지 :
<cript> var obj = new Object (); obj.name = "jb51"; wind
modal.htm 페이지 :
<cript> var obj = window.dialogargumentesalet ( "전달한 매개 변수는" + obj.name) </script>입니다.
(2) 대화 상자가 창을 통해 열린 창에 정보를 반환 할 수 있으며, 물론 개체 일 수도 있습니다. 예를 들어:
parent.htm 페이지 코드 :
<cript> str = wind
예:
함수 showdialog (url) {var iwidth = 300; // 창 너비 var iheight = 200; // 창 높이 var itop = (window.screen.height-height)/2; var ILeft = (Window.Screen.width-iwidth)/2; Window.showmodaldialog (url, wind }여기서 두 번째 매개 변수는 창입니다
4. 모드 창 데이터를 새로 고치지 않는 문제 (캐시)
JSP 페이지에 다음 문을 추가하십시오
<% response.setheader ( "Pragma", "No-Cache"); Response.SetHeader ( "Cache-Control", "No-Cache"); response.setDateHeader ( "만료", 0);%>
5. 모드 창에서 링크에 새로운 창 문제가 나타납니다.
◎ _blank, 새 브라우저 창에서 링크 파일을 엽니 다.
◎ _parent, 링크 된 파일을 링크 프레임을 포함하는 상위 프레임 세트 또는 상위 창에로드하십시오. 링크가 포함 된 프레임 워크가 중첩되지 않은 경우 _self 매개 변수와 마찬가지로 링크 된 파일이 브라우저 전체 화면 창에로드됩니다.
◎ _self, 동일한 프레임이나 창에서 연결된 문서를 엽니 다. 이 매개 변수는 기본값이며 일반적으로 지정되지 않습니다.
◎ _top은 전체 현재 브라우저 창에서 연결된 문서를 엽니 다. 따라서 모든 프레임이 삭제됩니다.
<a href = "a.html"target = "_ blank"/> 사이에 </head>와 <hod>를 추가하십시오
6. 페이지를 조용히 닫는 방법 :
기능 closewin () {var ua = navigator.useragent; var IE = Navigator.AppName == "Microsoft Internet Explorer"? True : False; if (ee) {var ieversion = parsefloat (ua.substring (ua.indexof ( "msie")+5, ua.indexof ( ";", ua.indexof ( "msie")))); if (iuredsion <5.5) {var str = ''; document.body.insertadjacenthtml ( "beforend", str); document.all.ontipclose.click (); } else {window.opener = null; Window.Close (); }} else {window.close ()}}관심있는 독자는 위의 방법을 디버깅 할 수 있습니다.이 방법은 영감을 얻고 모든 사람에게 도움을 줄 것이라고 생각합니다.