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 相关文章推荐
js相册效果代码(点击创建即可)
Apr 16 Javascript
jQuery焦点图切换特效插件封装实例
Aug 18 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
JS短路原理的应用示例 精简代码的途径
Dec 13 Javascript
jQuery实现复选框批量选择与反选的方法
Jun 17 Javascript
AngularJS的依赖注入实例分析(使用module和injector)
Jan 19 Javascript
关于jquery form表单序列化的注意事项详解
Aug 01 jQuery
支付宝小程序tabbar底部导航
Nov 06 Javascript
微信小程序列表中item左滑删除功能
Nov 07 Javascript
微信小程序车牌号码模拟键盘输入功能的实现代码
Nov 11 Javascript
原生js实现trigger方法示例代码
May 22 Javascript
vue如何使用async、await实现同步请求
Dec 09 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
用mysql_fetch_array()获取当前行数据的方法详解
2013/06/05 PHP
php实现Mysql简易操作类
2015/10/11 PHP
php的debug相关函数用法示例
2016/07/11 PHP
jquery不支持toggle()高(新)版本的问题解决
2016/09/24 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
How to Auto Include a Javascript File
2007/02/02 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
javascript采用数组实现tab菜单切换效果
2012/12/12 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
2013/11/28 Javascript
js操作输入框提示信息且响应鼠标事件
2014/03/25 Javascript
用javascript将数据导入Excel示例代码
2014/09/10 Javascript
AngularJS中的指令全面解析(必看)
2016/05/20 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
JS设计模式之策略模式概念与用法分析
2018/02/05 Javascript
浅析vue-router jquery和params传参(接收参数)$router $route的区别
2018/08/03 jQuery
微信小程序实现文字跑马灯
2020/05/26 Javascript
JSON基本语法及与JavaScript的异同实例分析
2019/01/04 Javascript
在Create React App中使用CSS Modules的方法示例
2019/01/15 Javascript
微信小程序实现人脸识别登陆的示例代码
2019/04/02 Javascript
微信小程序template模版的使用方法
2019/04/13 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
使用Vue生成动态表单
2019/11/26 Javascript
使用Python对IP进行转换的一些操作技巧小结
2015/11/09 Python
python 写入csv乱码问题解决方法
2016/10/23 Python
Python 中pandas.read_excel详细介绍
2017/06/23 Python
python全局变量引用与修改过程解析
2020/01/07 Python
python GUI库图形界面开发之PyQt5动态(可拖动控件大小)布局控件QSplitter详细使用方法与实例
2020/03/06 Python
Python3 mmap内存映射文件示例解析
2020/03/23 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
HTML5中5个简单实用的API(第二篇,含全屏、可见性、拍照、预加载、电池状态)
2014/05/07 HTML / CSS
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
七年级生物教学反思
2014/01/30 职场文书
狼和鹿教学反思
2014/02/05 职场文书
承诺书样本
2014/08/30 职场文书
六查六看剖析材料
2014/10/06 职场文书