编程 Javascript

解决jQuery动态获取手机屏幕高和宽的问题

Posted in Javascript onMay 07, 2014

今天帮同事解决了用jQuery获得动态的手机屏幕宽高的问题。

问题的起因是，当同事用了一个需要全屏滚动的图片控件时，需要获得屏幕的高度来设置图片为全屏。但是他用$(window).height()始终无法第一次拿到高，刷新一下后就可以，我尝试了使用window.onload=function(){}来解决，发现依然无法成功。

最后，我认为一定是因为第二次刷新时，浏览器有了缓存，所以就可以拿到了高，那么肯定是页面加载DOM的时间差，导致了这个问题，于是就使用了setTimeout(方法名,500);做了延时500毫秒，结果就正常了。

所以当朋友们无法获得屏幕宽高时，不妨用这个试试

解决jQuery动态获取手机屏幕高和宽的问题

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何在Mozilla Gecko 用Javascript加载XSL

Jan 09 Javascript

编写Js代码要注意的几条规则

Sep 10 Javascript

addEventListener 的用法示例介绍

May 07 Javascript

深入理解JavaScript系列（27）：设计模式之建造者模式详解

Mar 03 Javascript

jQuery EasyUI Draggable拖动组件

Mar 01 Javascript

Webpack如何引入bootstrap的方法

Jun 17 Javascript

页面缩放兼容性处理方法(zoom,Firefox火狐浏览器)

Aug 29 Javascript

vue.js自定义组件directives的实例代码

Nov 09 Javascript

JS实现点击生成UUID的方法完整实例【基于jQuery】

Jun 12 jQuery

JS实现利用闭包判断Dom元素和滚动条的方向示例

Aug 26 Javascript

小程序Scroll-view上拉滚动刷新数据

Jun 21 Javascript

JS精髓原型链继承及构造函数继承问题纠正

Jun 16 Javascript

addEventListener 的用法示例介绍

May 07 #Javascript

jquery通过select列表选择框对表格数据进行过滤示例

May 07 #Javascript

关闭时刷新父窗口两种方法

May 07 #Javascript

js获取下拉列表的值和元素个数示例

May 07 #Javascript

动态加载iframe时get请求传递中文参数乱码解决方法

May 07 #Javascript

table行随鼠标移动变色示例

May 07 #Javascript

Jquery方式获取iframe页面中的 Dom元素

May 07 #Javascript

You might like

PHP防止注入攻击实例分析

2014/11/03 PHP

php制作圆形用户头像的实例_自定义封装类源代码

2017/09/18 PHP

PHP实现的最大正向匹配算法示例

2017/12/19 PHP

php实现单笔转账到支付宝功能

2018/10/09 PHP

PHP实现简单注册登录系统

2020/12/28 PHP

Aptana调试javascript图解教程

2009/11/30 Javascript

javascript分页代码(当前页码居中)

2012/09/20 Javascript

Javascript Request获取请求参数如何实现

2012/11/28 Javascript

html a标签-超链接中confirm方法使用介绍

2013/01/04 Javascript

jQuery实现contains方法不区分大小写的方法

2015/02/13 Javascript

Servlet实现文件上传，可多文件上传示例

2016/12/05 Javascript

VUE实现日历组件功能

2017/03/13 Javascript

jquery与js实现全选功能的区别

2017/06/11 jQuery

AngularJs 延时器、计时器实例代码

2017/09/16 Javascript

使用html+js+css 实现页面轮播图效果(实例讲解)

2017/09/21 Javascript

VUE DOM加载后执行自定义事件的方法

2018/09/07 Javascript

浅谈webpack+react多页面开发终极架构

2018/11/11 Javascript

详解小程序rich-text对富文本支持方案

2018/11/28 Javascript

vue在index.html中引入静态文件不生效问题及解决方法

2019/04/29 Javascript

Node.js 路由的实现方法

2019/06/05 Javascript

24个ES6方法解决JS实际开发问题(小结)

2020/05/31 Javascript

vue使用axios实现excel文件下载的功能

2020/07/16 Javascript

Python 自动安装 Rising 杀毒软件

2009/04/24 Python

Python中super的用法实例

2015/05/28 Python

一个基于flask的web应用诞生 flask和mysql相连（4）

2017/04/11 Python

Linux(Redhat)安装python3.6虚拟环境(推荐)

2018/05/05 Python

python 整数越界问题详解

2019/06/27 Python

使用OpCode绕过Python沙箱的方法详解

2019/09/03 Python

Pyorch之numpy与torch之间相互转换方式

2019/12/31 Python

用Python绘制漫步图实例讲解

2020/02/26 Python

jupyter notebook 多行输出实例

2020/04/09 Python

美国著名的户外用品品牌：L.L.Bean

2018/01/05 全球购物

Bibloo罗马尼亚网站：女装、男装、童装及鞋子和配饰

2019/07/20 全球购物

MIKI HOUSE美国官方网上商店：日本领先的婴儿和儿童高级时装品牌

2020/06/21 全球购物

旅游管理毕业生自荐信

2013/11/05 职场文书

如何写贫困证明申请书

2014/10/29 职场文书