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 相关文章推荐
汉化英文版的Dreamweaver CS5并自动提示jquery
Nov 25 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
上传图片预览JS脚本 Input file图片预览的实现示例
Oct 23 Javascript
js控制文本框输入的字符类型方法汇总
Jun 19 Javascript
JavaScript 数组some()和filter()的用法及区别
May 20 Javascript
javascript获取以及设置光标位置
Feb 16 Javascript
JavaScript中transform实现数字翻页效果
Mar 08 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
小程序如何获取多个formId实现详解
Sep 20 Javascript
JS实现表单中点击小眼睛显示隐藏密码框中的密码
Apr 13 Javascript
利用 Chrome Dev Tools 进行页面性能分析的步骤说明(前端性能优化)
Feb 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
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
浅谈php中fopen不能创建中文文件名文件的问题
2017/02/06 PHP
PHP判断数组是否为空的常用方法(五种方法)
2017/02/08 PHP
php使用Jpgraph创建3D饼形图效果示例
2017/02/15 PHP
js 与或运算符 || &amp;&amp; 妙用
2009/12/09 Javascript
JQuery 动态扩展对象之另类视角
2010/05/25 Javascript
原生javascript实现隔行换色
2015/01/04 Javascript
javascript将异步校验表单改写为同步表单
2015/01/27 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
2015/09/01 Javascript
简单实现限制uploadify上传个数
2015/11/16 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
jsp 自动编译机制详细介绍
2016/12/01 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
详解JS中的柯里化(currying)
2017/08/17 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
vue iview 隐藏Table组件里的某一列操作
2020/11/13 Javascript
Javascript生成器(Generator)的介绍与使用
2021/01/31 Javascript
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
python 把文件中的每一行以数组的元素放入数组中的方法
2018/04/29 Python
在ubuntu16.04中将python3设置为默认的命令写法
2018/10/31 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
在django项目中导出数据到excel文件并实现下载的功能
2020/03/13 Python
Python OpenCV实现测量图片物体宽度
2020/05/27 Python
python MD5加密的示例
2020/10/19 Python
电气自动化自荐信
2013/10/10 职场文书
个人承诺书格式
2014/06/03 职场文书
党政领导班子民主生活会整改措施
2014/09/18 职场文书
党支部四风整改方案
2014/10/25 职场文书
教师旷工检讨书
2015/08/15 职场文书
Python爬虫之自动爬取某车之家各车销售数据
2021/06/02 Python