编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

js实现iframe动态调整高度的代码

Jan 06 Javascript

jQuery Ajax之$.get()方法和$.post()方法

Oct 12 Javascript

同时使用n个window onload加载实例介绍

Apr 25 Javascript

jQuery使用removeClass方法删除元素指定Class的方法

Mar 26 Javascript

如何解决谷歌浏览器下jquery无法获取图片的尺寸

Sep 10 Javascript

JQuery实现简单的图片滑动切换特效

Nov 22 Javascript

angular ngClick阻止冒泡使用默认行为的方法

Nov 03 Javascript

JavaScript实现点击按钮复制指定区域文本(推荐)

Nov 25 Javascript

jQuery实现的3D版图片轮播示例【滑动轮播】

Jan 18 jQuery

微信小程序中为什么使用var that=this

Aug 27 Javascript

vue项目初始化到登录login页面的示例

Oct 31 Javascript

JavaScript eval()函数定义及使用方法详解

Jul 07 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

构建简单的Webmail系统

2006/10/09 PHP

PHP学习笔记之数组篇

2011/06/28 PHP

thinkphp3.2中Lite文件替换框架入口文件或应用入口文件的方法

2015/05/21 PHP

全面解读PHP的人气开发框架Laravel

2015/10/15 PHP

php防止sql注入的方法详解

2017/02/20 PHP

PHP实现生成模糊图片的方法示例

2017/12/21 PHP

PHP实现Markdown文章上传到七牛图床的实例内容

2020/02/11 PHP

php使用gearman进行任务分发操作实例详解

2020/02/26 PHP

Jquery弹出窗口插件 LeanModal的使用方法

2012/03/10 Javascript

png在IE6 下无法透明的解决方法汇总

2015/05/21 Javascript

使用javascript将时间转换成今天，昨天，前天等格式

2015/06/25 Javascript

jQuery实现Flash效果上下翻动的中英文导航菜单代码

2015/09/22 Javascript

javascript中的深复制详解及实例分析

2016/12/29 Javascript

nodejs超出最大的调用栈错误问题

2017/12/27 NodeJs

微信小程序实现红包雨功能

2018/07/11 Javascript

详解vue通过NGINX部署在子目录或者二级目录实践

2018/09/03 Javascript

vue 中基于html5 drag drap的拖放效果案例分析

2018/11/01 Javascript

es6中let和const的使用方法详解

2020/02/24 Javascript

Nuxt.js nuxt-link与router-link的区别说明

2020/11/06 Javascript

使用js获取身份证年龄的示例代码

2020/12/11 Javascript

JS removeAttribute()方法实现删除元素的某个属性

2021/01/11 Javascript

用python实现的可以拷贝或剪切一个文件列表中的所有文件

2009/04/30 Python

Python实现小数转化为百分数的格式化输出方法示例

2017/09/20 Python

python实现学生信息管理系统

2020/04/05 Python

flask框架单元测试原理与用法实例分析

2019/07/23 Python

Python中 CSV格式清洗与转换的实例代码

2019/08/29 Python

HTML5输入框下拉菜单功能的示例代码

2020/09/08 HTML / CSS

美国娱乐和流行文化商品店：FYE

2017/09/14 全球购物

New Era英国官网：美国棒球帽品牌

2018/03/21 全球购物

eBay荷兰购物网站：eBay.nl

2020/06/26 全球购物

记账会计岗位职责

2014/06/16 职场文书

小学运动会开幕词

2015/01/28 职场文书

入党积极分子党小组意见

2015/06/02 职场文书

获奖感言范文

2015/07/31 职场文书

德劲DE1105机评

2022/04/05 无线电

Spring 使用注解开发

2022/05/20 Java/Android