반응형
방법 1 : a태그
<a href="http://jpss.ta3ke.com" target="_blank"><button type="button">팝업</button></a>
: 새탭으로 띄워짐
방법 2 : a태그+window.open
<a href="http://jpss.ta3ke.com" id="popup"><button type="button">팝업</button></a>
<script>
$("#popup").click(function(e){
e.preventDefault();
window.open($(this).attr("href"));
});
</script>
: 방법1과 동일
방법 3 : form을 submit
<form method="get" target="_blank" action="http://jpss.ta3ke.com">
<input name="dummy" value="null" type="hidden" />
<button type="submit">팝업</button>
</form>
: 파라미터에 따른 url변화 외 특이상항은 없음
반응형
'dev > web' 카테고리의 다른 글
inline-block 여백 버그 (1) | 2014.06.25 |
---|---|
팝업차단을 피하는 방법-네이버앱 (0) | 2014.04.07 |
inline-block를 활용한 가운데 정렬 (0) | 2014.01.13 |
default width on mobile browser (0) | 2014.01.06 |
vertical-align의 이해 (0) | 2013.12.19 |