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

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

WBOY
WBOY원래의
2016-05-16 15:32:172073검색

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

window.open("view_svg.jsp?ukey=79f45c1dba61abe547f0fafde3f8c4aa&itemID=bfc43ff839d4d26fd72c140a72f27609&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>

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.