ホームページ > ウェブフロントエンド > jsチュートリアル > iPhoneの画面の向きに応じて異なるスタイルシートを呼び出すJavaScriptの実装方法_JavaScriptのスキル

iPhoneの画面の向きに応じて異なるスタイルシートを呼び出すJavaScriptの実装方法_JavaScriptのスキル

WBOY
リリース: 2016-05-16 15:50:26
オリジナル
1043 人が閲覧しました

この記事の例では、iPhone の画面の向きに応じて異なるスタイル シートを呼び出す JavaScript の実装方法について説明します。皆さんの参考に共有してください。詳細は以下の通りです。

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 プログラミング設計に役立つことを願っています。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート