Maison > Article > interface Web > Comment implémenter Javascript pour appeler différentes feuilles de style en fonction des compétences d'orientation_javascript de l'écran iPhone
L'exemple de cet article décrit comment javascript implémente l'appel de différentes feuilles de style en fonction de l'orientation de l'écran de l'iPhone. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :
Lorsque l'écran de l'iPhone tourne, ce code JS peut appeler dynamiquement différents styles pour s'adapter au changement d'écran
<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>
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.