dev/web

모바일웹 팝업띄움기 3가지 방법

재삐신생 2014. 4. 7. 14:30
반응형
방법 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