编程 Javascript

javascript实现根据iphone屏幕方向调用不同样式表的方法

Posted in Javascript onJuly 13, 2015

本文实例讲述了javascript实现根据iphone屏幕方向调用不同样式表的方法。分享给大家供大家参考。具体如下：

当iphone屏幕旋转式，这段JS代码可以动态调用不同的样式来适应屏幕变换

<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程序设计有所帮助。

javascript实现根据iphone屏幕方向调用不同样式表的方法

- Author -

不吃皮蛋

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

基于JQUERY的多级联动代码

Jan 24 Javascript

JavaScript 面向对象与原型

Apr 10 Javascript

JavaScript清空数组元素的两种方法简单比较

Jul 10 Javascript

JS+CSS实现电子商务网站导航模板效果代码

Sep 10 Javascript

分享五个有用的jquery小技巧

Oct 08 Javascript

ionic 上拉菜单(ActionSheet)实例代码

Jun 06 Javascript

javaScript语法总结

Nov 25 Javascript

easyUI实现类似搜索框关键词自动提示功能示例代码

Dec 27 Javascript

Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解

Aug 01 jQuery

使用axios发送post请求,将JSON数据改为form类型的示例

Oct 31 Javascript

微信小程序自定义弹出层效果

May 26 Javascript

Vue watch响应数据实现方法解析

Jul 10 Javascript

jQuery检测返回值的数据类型

Jul 13 #Javascript

jQuery常用且重要方法汇总

Jul 13 #Javascript

C#中使用迭代器处理等待任务

Jul 13 #Javascript

浅谈jquery.fn.extend与jquery.extend区别

Jul 13 #Javascript

jQuery中extend函数详解

Jul 13 #Javascript

浅谈javascript原型链与继承

Jul 13 #Javascript

jQuery实现自定义checkbox和radio样式

Jul 13 #Javascript