> 웹 프론트엔드 > JS 튜토리얼 > javascript의 window.open은 원래 window_javascript 기술에서 새 창(다른 이름)을 엽니다.

javascript의 window.open은 원래 window_javascript 기술에서 새 창(다른 이름)을 엽니다.

WBOY
풀어 주다: 2016-05-16 15:32:17
원래의
2083명이 탐색했습니다.

최근 메뉴 툴바 없이 IE를 열어야 하는 JSP 웹페이지를 만들었기 때문에 window.open을 사용하여 열어볼까 생각했습니다. 그런데 이전에 열려 있던 폼이 닫히지 않은 경우 폼을 열면 이전에 열려 있던 폼에 새 폼이 열리게 되어 이전 창이 교체되는 현상을 발견했습니다. 정보를 검색하고 테스트한 결과, 폼을 열 때 지정한 폼 이름이 현재 폼과 같으면 해당 폼에서 열리는 것을 발견했습니다. 예를 들어 다음과 같은 상황입니다.

window.open("view_svg.jsp?ukey=<%=ukey%>&itemID=<%=itemID%>&charset=UTF-8","newWindow","height='100%' , 너비='100%', 도구 모음=아니요, 위치=아니요, 디렉토리=아니요, 메뉴바=아니요, 스크롤바=아니요, 크기 조정 가능=아니요, 상태=아니요");
이런 방식으로 열린 각 폼은 newWindow라는 폼으로 열립니다.

참고: 양식의 이름과 제목이 다릅니다.

1.window.open(urlStr,'_blank','');

_blank 매개변수는 새 창을 여는 것을 의미합니다.

2. 다음 방법을 사용하여 창을 열 때마다 다른 이름을 갖도록 할 수도 있습니다.

<%
Random rd = new Random();
int i = rd.nextInt(100)+1;
String ranStr = String.valueOf(i);
%>
<script type="text/javascript">
function doclose(){
 var currnwin = window.open("view_svg.jsp&#63;ukey=<%=ukey%>&itemID=<%=itemID%>&charset=UTF-8","<%=ranStr%>","height='100%', width='100%',toolbar=no,location=no,directories=no,menubar=no,scrollbars=no,resizable=no,status=no");
window.opener=null;
 window.close();
 window.focus();
}
</script>

로그인 후 복사

이제 javascript window.open을 사용하여 새 창을 여는 방법을 소개하겠습니다

open() 메소드는 기존 또는 새로 생성된 브라우저 창을 찾을 수 있습니다.

문법:

window.open([URL], [창 이름], [매개변수 문자열])

매개변수 설명:

URL: 선택 매개변수로, 창에 표시할 웹페이지의 URL 또는 경로입니다. 이 매개변수가 생략되거나 해당 값이 빈 문자열인 경우 창에 문서가 표시되지 않습니다.

창 이름: 선택적 매개변수로 열린 창의 이름입니다.

1. 이름은 문자, 숫자, 밑줄 문자로 구성됩니다.
2. "_top", "_blank", "_selft"는 특별한 의미를 지닌 이름입니다.
​ _blank: 대상 페이지를 새 창에 표시
​​​​_self: 현재 창에 대상 웹페이지를 표시합니다
​ ​ _top : 프레임 웹페이지 상단 창에 대상 웹페이지를 표시합니다
3. 동일한 이름을 가진 창은 하나만 생성할 수 있습니다. 여러 개의 창을 생성하려는 경우 이름이 동일할 수 없습니다.
​ 4.이름에는 공백이 포함될 수 없습니다.

매개변수 문자열: 선택적 매개변수, 창 매개변수 설정, 각 매개변수는 쉼표로 구분됩니다.

매개변수 테이블:

예: http://www.baidu.com 웹사이트를 열고 크기는 300px * 200px이고 메뉴도 없고 도구 모음도 없고 상태 표시줄도 없고 스크롤 막대 창도 있습니다.

<script type="text/javascript"> window.open('http://www.baidu.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
로그인 후 복사

알림: 여기에서 브라우저 호환성 문제에 주의하세요.

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿