JAvascriptはiphone画面方向に基づいて異なるスタイルシートを呼び出す方法を実現する

717 ワード

この例では、javascriptがiphone画面方向に基づいて異なるスタイルシートを呼び出す方法について説明します.皆さんの参考にしてください.具体的には以下の通りです.
iPhone画面が回転すると、このJSコードは画面変換に適応するために異なるスタイルを動的に呼び出すことができます.

 
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();



本稿で述べたjavascriptプログラムの設計に役立つことを願っています.