본문 바로가기
Programming/Javascript

[JavaScript] window.open 새 창을 열 때 WindowName이 같으면 새 창이 겹쳐서 열리는 문제

by prinha 2020. 12. 30.
반응형

html이나 jsp에서 onclick으로 함수를 호출하여 새 창을 열 때 창 이름이 같으면 새 창이 겹쳐서 열리는 문제가 발생

이걸 말로하려니 되게 설명하기가 어려운데 예시를 들어 설명을 해봐야겠다..

 

A B
param1 : '안녕'
param2 : '헬로'
param1 : '안녕'
param2 : '하이'

 

리스트에서 A, B 두 개가 있을 때 param1이라는 데이터가 중복된다.

이럴 때 WindowName을 param1로만 한다면,

A를 클릭해서 새창을 띄우고 B를 클릭한다면 A의 새창이 B의 새창으로 바껴버리는 문제가 생긴다.

 

따라서 데이터가 다른 param2를 WindowName에 추가하여 각각 다른 새 창으로 열리게끔 설정해준다.

window.open(url, param1+param2);

window.open(URL,WindowName[,WindowFeatures]);

 

1) URL


- 웹 문서 URL

 

2) WindowName

 

- open 창 이름

 

3) WindowFeatures

 

- fullscreen = 전체 창. (yes/no)(default : no)

- location = 주소창이 활성화. (yes/no)(default : yes)

- menubar = 메뉴바 visible. (yes/no)(default : yes)

- titlebar = 타이틀바. (yes/no)(default : yes)

- toolbar = 툴바. (yes/no)(default : yes)

- resizable = 창 사이즈 변경. (yes/no)(default : yes)

- scrollbars = 스크롤바. (yes/no)(default : yes)

- width = 창 가로 크기

- height = 창 세로 크기

반응형