javascript实现根据iphone屏幕方向调用不同样式表的方法
内容摘要
本文实例讲述了javascript实现根据iphone屏幕方向调用不同样式表的方法。分享给大家供大家参考。具体如下:
当iphone屏幕旋转式,这段JS代码可以动态调用不同的样式来适应屏幕
当iphone屏幕旋转式,这段JS代码可以动态调用不同的样式来适应屏幕
文章正文
本文实例讲述了javascript实现根据iphone屏幕方向调用不同样式表的方法。分享给大家供大家参考。具体如下:
当iphone屏幕旋转式,这段JS代码可以动态调用不同的样式来适应屏幕变换
1 2 3 4 5 6 7 8 9 10 11 12 13 | <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> |
希望本文所述对大家的javascript程序设计有所帮助。
代码注释