[HTML 기초 02] HTML, JavaScript 를 이용해서 사이즈 고정 팝업창, 새창 뛰우기 / onclick="window open()" / 자바스크립트

[HTML 기초 02] HTML, JavaScript 를 이용해서 사이즈 고정 팝업창, 새창 뛰우기 / onclick="window open()" / 자바스크립트

 

 

 

새창뛰우기는 참 쉽죠..!?

<a href="#" target="_blank">새창뛰우기</a>

이렇게 a href 하이퍼링크 태그만 걸어줘도 할 수 있는 새창뛰우기.

 

그렇다면 팝업창 뛰우기는 어떻게 하는것일까요!?

팝업창은 새창과 달리 사이즈가 고정 되어 있어서 리사이징(조절)이 안된다는 것이죠.

 

 

딱보면 뭔가 새창과는 다르죠? 이게바로 스크립트를 이용한 팝업창 뛰우기..!

 

팝업창 뛰우기 소스는 아래와 같습니다.

 

<a href="#" onclick="window.open('주소입력','','width=가로사이즈,height=세로사이즈')">팝업창 뛰우기</a>

 

쉽게 보여드리자면

<a href="#" onclick="window.open('www.daum.net','','width=500,height=500')">팝업창 뛰우기</a>

 

 

위와같이 소스를 작성하면 다음 홈페이지가 가로, 세로 500px 사이즈 팝업창으로 나옵니다.

추가적으로 기본적인 것이지만 당연히 <a>~</a> 사이에 각종태그 넣을 수 있습니다.

<a href~~~~><img src="이미지넣기"></a> 처럼 이미지를 넣을 수 도 있습니다.

 

 

 

 

글이 도움되셧으면 공감버튼 한번 클릭 해 주세요. 로그인도 필요없고 바로 카운터가 오릅니다...!