WebApp/JavaScript2012. 2. 16. 01:35

아이폰 웹어플리케이션 스크롤 방지Prevent iPhone Web Application from Scroll

아이폰 웹 어플리케이션의 경우 UIWebView를 기반으로 하기 때문에,
일반 네이티브 어플리케이션과 달리 스크롤이 되는데,
이를 방지하기 위해서는 다음의 코드를 입력하면 된다.

<script type='text/javascript'>
document.ontouchmove = function(e){ e.preventDefault(); } 
</script> 


위의 코드를 <head></head>사이에 넣으면 더이상 웹 어플리케이션의 스크롤이 이루어지지 않는다.

'WebApp > JavaScript' 카테고리의 다른 글

Javascript 페이지 이동(리다이렉트Redirect)  (0) 2010.08.13
Posted by 마이클
WebApp/JavaScript2010. 8. 13. 15:22

Javascript 페이지 이동(리다이렉트Redirect)

Javascript에서 페이지 이동을 하는 방법은 헤드 사이에 다음과 같은 자바스크립트를 넣는 것이다.

이 방법의 핵심은 location.href이다.
<script type='text/javascript'>
<!--
location.href='http://www.example.com/';
//-->
</script>
현재 보여주고 있는 화면의 주소를 http://www.example.com/으로 변경한다는 의미로써,
곧장 http://www.example.com/으로 이동한다.

메타 태그처럼 몇 초 후에 이동하도록 코드를 작성할 수도 있는데 바로 setTimeout을 활용한 방법이다.
<script type='text/javascript'>
<!--
setTimeout("location.href='http://www.example.com/'",5000);
//-->
</script>
setTimeout 함수는 Milisecond단위를 사용하기 때문에 5000은 5초를 뜻한다.
고로 이 코드는 5초 후에 location.href='http://www.example.com'를 실행하라는 의미이다.
여기서 한 가지 중요한 것은 location.href='http://www.example.com'을 둘러싼 큰 따옴표인데,
이것들이 사라지면 5초 후가 아닌 자바스크립트를 읽는 도중에 곧장 실행을 하게 된다.

---
HTML 페이지 이동(http://studio2b.tistory.com/32)
Javascript 페이지 이동(http://studio2b.tistory.com/33)
PHP를 이용한 Header 페이지 이동(http://studio2b.tistory.com/34)

'WebApp > JavaScript' 카테고리의 다른 글

아이폰 웹어플리케이션 스크롤 방지Prevent iPhone Web Application from Scroll  (0) 2012.02.16
Posted by 마이클

티스토리툴바