사용법
a태그를 사용할 때,
<a href="javascript:;" onclick="window.open('url','name','width=200,height=200 등등 옵션들');return false">팝업</a>
<a href=javascript:openPopup("url")>팝업</a> <!-- 이경우는 openPopup함수를 script 안에 처리해줘야함 -->
<script>
function openPopup(url) {
window.open(url,"name","options..");
</script>
input 또는 button을 사용할 때,
<input type="button" id="btn" onclick="openPopup('url')" value="팝업" />
<button id="btn2" onclick="openPopup('url')">팝업</button>
<script>
function openPopup(url) {
window.open(url,"name","options..");
</script>
a태그를 사용해 href속성에 url이 아닌 것을 채우는 것보다는
input이나 button을 사용해서 onclick을 사용하는 것을 권장한다고 한다.(html5 웹표준을 기준으로 할 때)
/** 그리고 옵션의 종류들! 옵션값들은 yes or no로 적어준다. **/
left,top - 팝업창의 띄어질 위치값 조정가능
width,height - 팝업창의 가로,세로값
menubar - 파일, 편집, 보기 등 상단 메뉴바
toolbar - 뒤로, 앞으로, 새로고침 아이콘
directories - 연결 디렉토리가 표시되는 부분..
location - 주소 입력창(보안상 없앨 수 없다고 한다....)
status - 브라우저 하단 상태 바
scrollbars - 스크롤
resizable - 리사이즈 옵션
기본값은 yes
기초적인건데 외우지는 않으니까 맨날 쓸때마다 검색하는데 그것도 귀찮ㅋㅋㅋㅋ
구글 is 마이프레셔쓰.....ㅋㅋㅋㅋㅋㅋㅋ
'Programming > javascript&jQuery' 카테고리의 다른 글
[무료웹에디터추천] 은혜롭다 tinymce! (0) | 2017.02.21 |
---|---|
[javascript] Android,IOS에서 a태그로 sms 문자전송하기 (0) | 2017.02.10 |
[jQuery] 배열에 특정단어가 있는지 체크하기 (0) | 2017.01.13 |
[ajax] json으로 DB접속해 배열데이터 주고받기 (0) | 2016.11.11 |