這篇文章主要介紹了javascript實現根據iphone屏幕方向調用不同樣式表的方法,涉及javascript針對樣式表動態操作的相關技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了javascript實現根據iphone屏幕方向調用不同樣式表的方法。分享給大家供大家參考。具體如下：

當iphone屏幕旋轉式，這段JS代碼可以動態調用不同的樣式來適應屏幕變換

1. <script type="text/javascript">  
2. function orient()  
3. { 
4. switch(window.orientation){  
5. case 0: document.getElementById("orient_css").href = "css/iphone_portrait.css";  
6. break;  
7. case -90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
8. break;  
9. case 90: document.getElementById("orient_css").href = "css/iphone_landscape.css";  
10. break;  
11. } 
12. window.onload = orient(); 
13. </script> 

希望本文所述對大家的javascript程序設計有所幫助。