jQuery 判断iPad、iPhone、Android是横屏还是竖屏

标签: jquery 判断 ipad | 发表时间:2014-11-17 14:22 | 作者:zencode
分享到:
出处:http://www.iteye.com

在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏。下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法。

 

以下是通过window.orientation实现:

 

function orient() {

if (window.orientation == 90 || window.orientation == -90) {

//ipad、iphone竖屏;Andriod横屏

$("body").attr("class", "landscape");

orientation = 'landscape';

return false;

}else if (window.orientation == 0 || window.orientation == 180) {

//ipad、iphone横屏;Andriod竖屏

$("body").attr("class", "portrait");

orientation = 'portrait';

return false;

}

}

 

//页面加载时调用

$(function(){

orient();

});

 

//用户变化屏幕方向时调用

$(window).bind( 'orientationchange', function(e){

orient();

 

});

 

屏幕方向对应的window.orientation值:

ipad: 90 或 -90 横屏

ipad: 0 或180 竖屏

Andriod:0 或180 横屏

 

Andriod: 90 或 -90 竖屏

 



已有 0 人发表留言,猛击->> 这里<<-参与讨论


ITeye推荐



相关 [jquery 判断 ipad] 推荐:

jQuery 判断iPad、iPhone、Android是横屏还是竖屏

- - JavaScript - Web前端 - ITeye博客
在ipad、iphone网页开发中,我们很可能需要判断是横屏或者竖屏. 下面就来介绍如何用 jQuery 判断iPad、iPhone、Android是横屏还是竖屏的方法. 以下是通过window.orientation实现:. //ipad、iphone竖屏;Andriod横屏. //ipad、iphone横屏;Andriod竖屏.

在 jQuery 中如何判断对象是否存在

- - 我爱水煮鱼
如果是下面的 jQuery 代码判断一个对象是否存在,是不能用的. 因为 $(“#id”) 不管对象是否存在都会返回 object. 正确使用判断对象是否存在应该用:. 使用 jQuery 对象的属性 length 来判断,如果 > 0 就存在. 或者直接使用原生的 Javascript 代码来判断:.

如何判断一款jQuery插件的好坏【转】

- - JavaScript - Web前端 - ITeye博客
在我们开发的时候,无论是JavaScript的开发人员还是jQuery的开发人员,都会询问一个问题,那就是:. 我怎么知道一款插件是好还是不好. 当然这通常要根据你要解决的问题来判断插件的好坏,但是在一个好的jQuery插件排名系统中,这里有几个你需要注意的地方,可能会帮助你来判断这款插件的好坏. 假设我们有下面一段代码:.

jquery操作xml

- - CSDN博客Web前端推荐文章
jquery真的很强大,虽然一直在用jquery,不用一直都没有深入,这几天重新学习了一下,不得不感叹她的强大,已经让我深深入迷. 这里记录一下,她是怎么快速地操作xml的.. 这里我们有一个xml文件:. jquery如何操作呢,总的思想,就是和操作dom差不多的方法. 首先我们获取这个文件的内容:(我先引入jquery库哈).

JQuery 选择器

- - CSDN博客Web前端推荐文章
} </script> <p onclick="test();">点击我</p>.    像上面这样把JavaSript代码和HTML代码混杂在一起的做法同样也非常不妥,因为它并没有将网页内容和行为分离,所以才有JQuery选择器的学习. <p class="demo">点击我</p>.

jquery 插件

- - JavaScript - Web前端 - ITeye博客
 jQuery插件的开发包括两种:. 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法. jQuery的全局函数就是属于jQuery命名空间的函数,另一种是对象级别的插件开发,即给jQuery对象添加方法. 下面就两种函数的开发做详细的说明. 1 、类级别的插件开发.

让jquery更快

- - JavaScript - Web前端 - ITeye博客
很久没有关注jQuery了,最近重新看了一下,看到一些不错的文章,转来坐一下笔记. 其内容和一些新提供的方法还是很多有值得学习的地方. 使用最新版本的jQuery. jQuery的版本更新很快,你应该总是使用最新的版本. 因为新版本会改进性能,还有很多新功能. 下面就来看看,不同版本的jQuery性能差异有多大.

jQuery JSONP跨域

- - Web前端 - ITeye博客
基于Jquery的Ajax跨域访问. 单点登录服务器(sso服务器). 登录网页项目的时候,由于使用了单点登录,所以页面会跳转到sso服务器,进行统一登录,. 现在需要在该界面增加令牌的认证,但是SSO服务器和令牌服务器部署在不同的服务器,且暂时没有要合并的可能,所以在SSO登录的时候必须要对令牌进行验证,就必须涉及到了跨域访问的问题.

jQuery基础之jQuery的DOM操作

- - CSDN博客推荐文章
 为了能全面地讲解DOM操作,首先需要构建一个网页. 因为每一张网页都能用DOM表示出来,而每一份DOM都可以看作一棵DOM树.    <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>  .      <li title='苹果'>苹果</li>  .

QQ表情 for iPad

- 小趴 八足趴 八足 ramener - 腾讯CDC
  QQ HD for iPad 2.2已经发布了~其中全新的高清QQ表情也跟大家见面了.   在这里奉上新表情的安装包同时还有赠品哟亲~.   QQ HD for iPad 2.2 表情菜单效果图.   QQ表情for iPad.   表情安装包在附件中~希望大家喜欢~.   QQ HD for iPad 2.2 表情安装包 下载.