관리 메뉴

개발 기록이

[JavaScript] window.open 브라우저 새 창 열기 본문

기록/JavaScript

[JavaScript] window.open 브라우저 새 창 열기

studyingbackhoe 2024. 10. 11. 20:15
window.open('url','name','options')

 

1. url : 새 창으로 띄울 웹페이지 url 

2. name: 새 창 이름

  • _blank : 새 창으로 열린다.(기본값)
  • _parent : 부모 프레임에 열린다.
  • _self : 현재 페이지를 대체한다.
  • _top : 현재 페이지에서의 최상의 페이지에서 새 창이 열린다.
  • name(임의의 이름) : 새 창이 열리고 창의 이름을 지정한다.

 

3. options : 창의 크기, 위치, 툴바 및 기타 속성을 지정한다. 속성들은 쉼표로 구분하여 사용하면 된다.

  • width: 창의 너비
  • height: 창의 높이
  • top: 창의 상단 위치
  • left: 창의 왼쪽 위치
  • resizable: 창의 크기 조절 가능 여부
  • scrollbars: 스크롤바 표시 여부

 

예제 코드

window.open('https://www.naver.com', '네이버 새 창', 'width=600,height=600,scrollbars=yes');

출처: https://velog.io/@seoyaon/Javascript-window.open-%ED%8C%9D%EC%97%85-%EB%A7%8C%EB%93%A4%EA%B8%B0

https://offbyone.tistory.com/312