자바스크립트 window open ( 마우스 우클릭 새창으로 열기, 새탭으로 열기)

안녕하세요.

 

이번시간에는 window open에 대해서 이야기를 좀 해볼려고 합니다.

 

a href 태그에서 클릭해서 새창을 열게 할 수도 있고, 마우스 우클릭후 메뉴에서 새창으로 열기 및 새탭으로 열기를 할 수 도 있습니다.

​

우선 아래의 소스를 보시고 말씀을 나눠보시죠.

 

위의 코드를 브라우져에서 실행하고 링크를 클릭해보면 차이점을 확인하실 수 있습니다.

 

빨간색 링크를 클릭해서 들어갈때는 새창에서 정상적으로 네이버 사이트가 들어가지는 반면 마우스 우클릭으로 들어갈때는 아래와 같은 화면이 발생합니다.

 

즉 네이버로 이동하지 않고 아무런 화면이 뜨지 않게되죠.

 

 

그 이유는 위의 코드 13번째 

 

<a href="javascript:windowOpen('www.naver.com')">www.naver.com</a>

​

코드에서 우리는 자바스크립트 windowOpen을 호출해서 정상적으로 새창이 열릴것으로 생각하지만 실제로는 자바스크립트 함수를 호출하지 않습니다.

왜냐하면 링크가 클릭되었을때만 이벤트가 호출되기 때문이죠.

​

그래서 18 ~ 22번째 줄처럼 id가 test인 div에 html을 append하는 방식으로 문제를 해결합니다.

​

어떻게보면 간단한 개념이지만 헤깔릴수도 있어요. ^^;;;

​

그럼 편안한밤 되세요. ^^*