编程 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 相关文章推荐

学习YUI.Ext 第七天--关于View&JSONView

Mar 10 Javascript

javascript KeyDown、KeyPress和KeyUp事件的区别与联系

Dec 03 Javascript

JQuery Tips(3) 关于$()包装集内元素的改变

Dec 14 Javascript

jquery中trigger()无法触发hover事件的解决方法

May 07 Javascript

详解JS中Array对象扩展与String对象扩展

Jan 07 Javascript

基于Angularjs实现分页功能

May 30 Javascript

微信小程序图片边框解决方法

Jan 16 Javascript

vue中手机号,邮箱正则验证以及60s发送验证码的实例

Mar 16 Javascript

JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】

Feb 22 Javascript

ajaxfileupload.js实现上传文件功能

Apr 19 Javascript

vue 源码解析之虚拟Dom-render

Aug 26 Javascript

详解ES6 CLASS在微信小程序中的应用实例

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

You might like

转生史莱姆：萌王第一次撸串开心到飞起，哥布塔撸串却神似界王神

2018/11/30 日漫

是否存在第一台收音机的说法

2021/03/01 无线电

使用swoole 定时器变更超时未支付订单状态的解决方案

2019/07/24 PHP

IE8 原生JSON支持

2009/04/13 Javascript

解析jquery获取父窗口的元素

2013/06/26 Javascript

JS小游戏之象棋暗棋源码详解

2014/09/25 Javascript

javascritp添加url参数将参数加入到url中

2014/09/25 Javascript

JavaScript实现打字效果的方法

2015/07/10 Javascript

js变形金刚文字特效代码分享

2015/08/20 Javascript

纯javascript移动优先的幻灯片效果

2015/11/02 Javascript

JS JSOP跨域请求实例详解

2016/07/04 Javascript

leaflet的开发入门教程

2016/11/17 Javascript

js 文字超出长度用省略号代替,鼠标悬停并以悬浮框显示实例

2016/12/06 Javascript

微信小程序详解下拉加载与上拉刷新实现方法

2017/01/13 Javascript

codeMirror插件使用讲解

2017/01/16 Javascript

jquery 仿锚点跳转到页面指定位置的实例

2017/02/14 Javascript

浅谈原生JS实现jQuery的animate()动画示例

2017/03/08 Javascript

Vue2.0实现购物车功能

2017/06/05 Javascript

Node.js利用js-xlsx处理Excel文件的方法详解

2017/07/05 Javascript

关于axios如何全局注册浅析

2018/01/14 Javascript

详解用Node.js写一个简单的命令行工具

2018/03/01 Javascript

Vue.js组件高级特性实例详解

2018/12/24 Javascript

js get和post请求实现代码解析

2020/02/06 Javascript

ES6中new Function()语法及应用实例分析

2020/02/19 Javascript

[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29

2020/12/02 DOTA

使用python编写批量卸载手机中安装的android应用脚本

2014/07/21 Python

python文字转语音实现过程解析

2019/11/12 Python

波兰灯具、照明和LED购物网站：Lampy.pl

2019/03/11 全球购物

Subside Sports德国：足球球衣和球迷商品

2019/06/08 全球购物

西雅图的买手店：Totokaelo

2019/10/19 全球购物

Vita Fede官网：在意大利手工制作，在纽约市设计

2019/10/25 全球购物

三下乡活动方案

2014/01/31 职场文书

电子信息工程专业自荐书

2014/06/24 职场文书

现场活动策划方案

2014/08/22 职场文书

给客户的检讨书

2014/12/21 职场文书

阿里云Nginx配置https实现域名访问项目(图文教程)

2021/03/31 Servers