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

Comment implémenter Javascript pour appeler différentes feuilles de style en fonction des compétences d'orientation_javascript de l'écran iPhone

WBOY
WBOYoriginal
2016-05-16 15:50:261012parcourir

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.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn