Heojju

[HTML] <a> 태그 팝업창 띄우기 / window.open() 본문

웹개발/HTML

[HTML] <a> 태그 팝업창 띄우기 / window.open()

우주별 2016. 12. 14. 14:26

▤ <a> 팝업창 띄우기

<a href='popup.php' onclick="window.open(this.href,'팝업창','width=800, height=800'); return false;">팝업창 열기<a/>

 

▤ window.open

window.open(URL, name, [specs], [replace])

 

 

 인수

 설명

 URL

 주소

 name

 * _blank : 새 창

 * _media : 미디어바의 HTML 내용부분 (IE6부터 적용)

 * _parent : 부모 frame

 * _search : 브라우저의 검색창 (IE5부터 적용)

 * _self : 현재 페이지

 * _top : 최상위 윈도우

 * name : 그 이름의 윈도우 (지정된 이름의 윈도우가 없으면 새 창) 

 specs

 창의 위치와 크기, 기능 등 창이 갖는 특성을 지정.

 replace

 true 일땐 새 문서가 이전의 문서와 교체. false이거나 지정되지 않으면 새 문서는 창의 브라우징 히스토리의 새 항목으로 추가됨.

 

 

 

function popupOpen(){
url = "./test.php";
name = "팝업";
specs = "width=500,height=400,top=200,left=100, toolbar=no, menubar=no,
scrollbars=no, resizable=yes";
window.open(url, name, specs);
return false;
}

 

 

 

'웹개발 > HTML' 카테고리의 다른 글

[HTML] input type='file' accept 속성  (0) 2017.09.29
[HTML] input 속성 readonly / disabled / 차이  (0) 2017.08.18
[HTML] contentEditable  (0) 2017.06.08
[HTML] 메타(Meta) 태그  (0) 2016.12.05
[HTML]반응형 웹 뷰포트  (0) 2016.11.30