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

ext checkboxgroup 回填数据解决

Aug 21 Javascript

jQuery结合Json提交数据到Webservice，并接收从Webservice返回的Json数据

Feb 18 Javascript

editable.js 基于jquery的表格的编辑插件

Oct 24 Javascript

js实现在文本框光标处添加字符的方法介绍

Nov 24 Javascript

THREE.JS入门教程(2)着色器-上

Jan 24 Javascript

jquery时间下拉框小例子

Apr 15 Javascript

深入学习jQuery Validate表单验证

Jan 18 Javascript

javascript实现查找数组中最大值方法汇总

Feb 13 Javascript

浅谈JQ中mouseover和mouseenter的区别

Sep 13 Javascript

微信小程序出现47001 data format error原因解决办法

Mar 10 Javascript

element-ui如何防止重复提交的方法步骤

Dec 09 Javascript

JavaScript实现简单的音乐播放器

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

PHP提取数据库内容中的图片地址并循环输出

2010/03/21 PHP

AMFPHP php远程调用(RPC, Remote Procedure Call)工具快速入门教程

2010/05/10 PHP

sphinx增量索引的一个问题

2011/06/14 PHP

PHP utf-8编码问题,utf8编码,数据库乱码,页面显示输出乱码

2013/04/08 PHP

PHP引用(&)各种使用方法实例详解

2014/03/20 PHP

PHP 文件上传后端处理实用技巧方法

2017/01/06 PHP

laravel 使用auth编写登录的方法

2019/09/30 PHP

PHP实用小技巧之调用录像的方法

2019/12/05 PHP

js no-repeat写法背景不重复

2009/03/18 Javascript

Jquery插件 easyUI属性汇总

2011/01/19 Javascript

jQuery获取文本节点之 text()/val()/html() 方法区别

2011/03/01 Javascript

使用javascipt---实现二分查找法

2013/04/10 Javascript

使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法

2016/03/22 Javascript

vue使用Axios做ajax请求详解

2017/06/07 Javascript

ES6解构赋值的功能与用途实例分析

2017/10/31 Javascript

详解如何在React组件“外”使用父组件的Props

2018/01/12 Javascript

NodeJS搭建HTTP服务器的实现步骤

2018/10/12 NodeJs

解决微信小程序调用moveToLocation失效问题【超简单】

2019/04/12 Javascript

Python 使用PIL numpy 实现拼接图片的示例

2018/05/08 Python

Python文件常见操作实例分析【读写、遍历】

2018/12/10 Python

Python用61行代码实现图片像素化的示例代码

2018/12/10 Python

Python3之不使用第三方变量,实现交换两个变量的值

2019/06/26 Python

python 轮询执行某函数的2种方式

2020/05/03 Python

用python实现学生管理系统

2020/07/24 Python

纯CSS3实现的8种Loading动画效果

2014/07/05 HTML / CSS

CSS3实现王者匹配时的粒子动画效果

2019/04/12 HTML / CSS

罗马尼亚在线杂货店：Pilulka.ro

2019/09/28 全球购物

JoJo Maman Bébé爱尔兰官网：英国最受欢迎的精品母婴品牌

2020/12/20 全球购物

迪士尼法国在线商店：shopDisney FR

2020/12/03 全球购物

宿舍打麻将检讨书

2014/01/24 职场文书

个人简历中的自我评价怎么写

2014/01/26 职场文书

大一学生职业生涯规划

2014/03/11 职场文书

慈善捐赠倡议书

2014/08/30 职场文书

2014单位领导班子四风对照检查材料思想汇报

2014/09/25 职场文书

Java实现多线程聊天室

2021/06/26 Java/Android

html,css,javascript是怎样变成页面的

2023/05/07 HTML / CSS