Heim > Artikel > Web-Frontend > So implementieren Sie Javascript, um je nach iPhone-Bildschirmausrichtung unterschiedliche Stylesheets aufzurufen_Javascript-Fähigkeiten
Das Beispiel in diesem Artikel beschreibt, wie Javascript den Aufruf verschiedener Stylesheets entsprechend der Ausrichtung des iPhone-Bildschirms implementiert. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Wenn sich der iPhone-Bildschirm dreht, kann dieser JS-Code dynamisch verschiedene Stile aufrufen, um sich an die Bildschirmänderung anzupassen
<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>
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.