본문 바로가기
낙서장

[펌] 가장 간단한 자동으로 새창 띄우기

by 사우람 2010. 7. 12.

자 가장간단한 새창을 띄워 봅시다 !!

 

준비물은 2개의 htm파일입니다

 

popup.htm = 팝업될 페이지

base.htm = 부모 페이지

 

base.htm 파일의 <head></head> 사이에 아래 소스를 넣어주세요

 

<Script Language = "javaScript">

<!--

function popup(){

window.open("popup.htm","popup","width=300,height=200,left=0,top=0,resizable=no");

}

//-->

</Script>

 

그리고 <body> 태그 내에 아래 처럼 소스를 삽입합니다.

 

<body onload ="popup()">

 

이렇개하면 끝입니다;; base.htm 파일 로드시 popup.htm이 팝업 됩니다!!

 

━━━━━━━━━━━━━━━━

또다른방법은 위 경우 자바스크립트 함수를 따로 빼서 body onload 에서 함수를 불러왔는데요

아래 태그는 그냥 body onload 에 바로 window.open 을 불러옵니다

 

<body onload="window.open('popup.htm' , 'popup' , 'width=300,height=200')">

 

 

 

그리고 아래 표는 새창을 띄울때 정할수있는 속성표 입니다 주위할점은 속성을 하나도 지정하지 않은경우 모두 yes 됩니다 그러나 속성을 하나라도 정할경우 그정해진속성 뺀 나머지속성들은 모두 no 가 됩니다

 menubar

yes/no, 1/0

메뉴바를 보여주거나 숨깁니다

 toolbar

yes/no, 1/0

도구막대를 보여주거나 숨깁니다

 directories

yes/no, 1/0

디렉토리바를 보여주거나 숨깁니다

 scrollbars

yes/no, 1/0

스크롤바를 보여주거나 숨깁니다

 status

yes/no, 1/0

상태표시줄을 보여주거나 숨깁니다

 location

yes/no, 1/0

주소표시줄을 보여주거나 숨깁니다

 width

픽셀

팝업 윈도우의 가로크기를 지정합니다

 height

픽셀

팝업 윈도우의 높이를 지정합니다

 left

픽셀

팝업 윈도우의 x축 위치를 지정합니다

 top

픽셀

팝업 윈도우의 y축 위치를 지정합니다

 resizable

yes/no 1/0

팝업윈도우의 크기를 사용자가 임의로 수정할 수 있는지 여부를 지정합니다

 fullscreen

 

전체화면 모드로 열어줍니다

 channelmode

 

채널모드 창으로 열어줍니다