Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan javascript untuk memanggil helaian gaya yang berbeza mengikut kemahiran orientation_javascript skrin iPhone

Bagaimana untuk melaksanakan javascript untuk memanggil helaian gaya yang berbeza mengikut kemahiran orientation_javascript skrin iPhone

WBOY
WBOYasal
2016-05-16 15:50:261034semak imbas

Contoh dalam artikel ini menerangkan cara javascript melaksanakan panggilan helaian gaya yang berbeza mengikut orientasi skrin iPhone. Kongsikan dengan semua orang untuk rujukan anda. Butirannya adalah seperti berikut:

Apabila skrin iPhone berputar, kod JS ini boleh memanggil gaya berbeza secara dinamik untuk menyesuaikan diri dengan perubahan skrin

<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>

Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn