首頁  >  文章  >  web前端  >  javascript實作根據iphone螢幕方向呼叫不同樣式表的方法_javascript技巧

javascript實作根據iphone螢幕方向呼叫不同樣式表的方法_javascript技巧

WBOY
WBOY原創
2016-05-16 15:50:261012瀏覽

本文實例講述了javascript實作根據iphone螢幕方向呼叫不同樣式表的方法。分享給大家供大家參考。具體如下:

當iphone螢幕旋轉式,這段JS程式碼可以動態地呼叫不同的樣式來適應螢幕變換

<script type="text/javascript"> 
function orient() 
{
 switch(window.orientation){ 
  case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css"; 
  break; 
  case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css"; 
  break; 
  case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css"; 
  break; 
}
window.onload = orient();
</script>

希望本文所述對大家的javascript程式設計有所幫助。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn