编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

让JavaScript拥有类似Lambda表达式编程能力的方法

Sep 12 Javascript

围观tangram js库

Dec 28 Javascript

javascript数字格式化通用类 accounting.js使用

Aug 24 Javascript

IE网页js语法错误2行字符1、FF中正常的解决方法

Sep 09 Javascript

jquery使用jquery.zclip插件复制对象的实例教程

Dec 04 Javascript

JS实现的简洁纵向滑动菜单(滑动门)效果

Oct 19 Javascript

详解jquery事件delegate(）的使用方法

Jan 25 Javascript

详解微信小程序——自定义圆形进度条

Dec 29 Javascript

jquery hover 不停闪动问题的解决方法(亦为stop()的使用)

Feb 10 Javascript

vue 中滚动条始终定位在底部的方法

Sep 03 Javascript

基于JavaScript实现单例模式

Oct 30 Javascript

原生js实现九宫格拖拽换位

Jan 26 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 cURL和Rolling cURL并发方式比较

2013/10/30 PHP

一款简单实用的php操作mysql数据库类

2014/12/08 PHP

php天翼开放平台短信发送接口实现方法

2014/12/22 PHP

什么是PHP文件?如何打开PHP文件?

2017/06/27 PHP

php实现算术验证码功能

2018/12/05 PHP

laravel5.6 框架操作数据 Eloquent ORM用法示例

2020/01/26 PHP

js下获取div中的数据的原理分析

2010/04/07 Javascript

js函数的延迟加载实现代码

2012/10/11 Javascript

ie下jquery.getJSON的缓存问题的处理方法

2013/03/29 Javascript

WordPress中鼠标悬停显示和隐藏评论及引用按钮的实现

2016/01/12 Javascript

原生js实现鼠标跟随效果

2017/02/28 Javascript

jQuery弹出窗口简单实现代码

2017/03/09 Javascript

zTree节点文字过多的处理方法

2017/11/24 Javascript

解决微信小程序防止无法回到主页的问题

2018/09/28 Javascript

JavaScript常见鼠标事件与用法分析

2019/01/03 Javascript

详解基于iview-ui的导航栏路径（面包屑）配置

2019/02/22 Javascript

vue-cli3 配置开发与测试环境详解

2019/05/17 Javascript

Node.js API详解之 module模块用法实例分析

2020/05/13 Javascript

[01:09:10]NB vs Liquid Supermajor小组赛 A组胜者组决赛 BO3 第一场 6.2

2018/06/04 DOTA

Django卸载之后重新安装的方法

2017/03/15 Python

python 连接sqlite及简单操作

2017/06/30 Python

Python文件操作之合并文本文件内容示例代码

2017/09/19 Python

python验证码识别实例代码

2018/02/03 Python

tensorflow: 查看 tensor详细数值方法

2018/06/13 Python

python scipy求解非线性方程的方法(fsolve/root)

2018/11/12 Python

Python用61行代码实现图片像素化的示例代码

2018/12/10 Python

Python3爬虫教程之利用Python实现发送天气预报邮件

2018/12/16 Python

使用Python将Exception异常错误堆栈信息写入日志文件

2020/04/08 Python

CSS3弹性布局内容对齐（justify-content）属性使用详解

2017/07/31 HTML / CSS

data:image data url 文件转为Blob上传后端的方法

2019/07/16 HTML / CSS

师范生实习的个人自我鉴定

2013/10/20 职场文书

汽车专业毕业生自荐信

2013/11/03 职场文书

毕业生自荐书

2014/02/02 职场文书

力学专业求职信

2014/07/23 职场文书

行政专员岗位职责说明书

2014/09/01 职场文书

党员反对四风问题思想汇报

2014/09/12 职场文书