编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

fckeditor 获取文本框值的实现代码

Feb 09 Javascript

JavaScript 三种创建对象的方法

Oct 16 Javascript

如何让div span等元素能响应键盘事件操作指南

Nov 13 Javascript

jquery+CSS3模拟Path2.0动画菜单效果代码

Aug 31 Javascript

Javascript实现快速排序（Quicksort）的算法详解

Sep 06 Javascript

AngularJS入门教程之AngularJS指令

Apr 18 Javascript

详解Angular.js的$q.defer()服务异步处理

Nov 06 Javascript

form+iframe解决跨域上传文件的方法

Nov 18 Javascript

使用vue2.6实现抖音【时间轮盘】屏保效果附源码

Apr 24 Javascript

jQuery操作事件完整实例分析

Jan 10 jQuery

Javascript表单序列化原理及实现代码详解

Oct 30 Javascript

Element el-button 按钮组件的使用详解

Feb 01 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 5.3.5安装memcache注意事项小结

2011/04/12 PHP

浅析php中抽象类和接口的概念以及区别

2013/06/27 PHP

PHP将session信息存储到数据库的类实例

2015/03/04 PHP

分享PHP函数实现数字与文字分页代码

2015/07/28 PHP

2017年最好用的9个php开发工具推荐(超好用)

2017/10/23 PHP

php解析非标准json、非规范json的方式实例

2020/12/10 PHP

一个可以显示阴历的JS代码

2007/03/05 Javascript

用Javascript实现Sleep暂停功能代码

2010/09/03 Javascript

jQuery $.get 的妙用访问本地文本文件

2012/07/12 Javascript

js 自动播放的实例代码

2013/11/19 Javascript

jquery将一个表单序列化为一个对象的方法

2014/01/03 Javascript

javascript+HTML5的canvas实现七夕情人节3D玫瑰花效果代码

2015/08/04 Javascript

JavaScript多图片上传案例

2015/09/28 Javascript

js实现字符串和数组之间相互转换操作

2016/01/12 Javascript

jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】

2017/03/07 Javascript

Node.JS循环删除非空文件夹及子目录下的所有文件

2018/03/12 Javascript

详解webpack打包第三方类库的正确姿势

2018/10/20 Javascript

Angular6 发送手机验证码按钮倒计时效果实现方法

2019/01/08 Javascript

JavaScript实现的九种排序算法

2019/03/04 Javascript

vue excel上传预览和table内容下载到excel文件中

2019/12/10 Javascript

如何在postman测试用例中实现断言过程解析

2020/07/09 Javascript

python处理csv数据的方法

2015/03/11 Python

用Python生成器实现微线程编程的教程

2015/04/13 Python

python3实现多线程聊天室

2018/12/12 Python

pycharm部署、配置anaconda环境的教程

2020/03/24 Python

python filecmp.dircmp实现递归比对两个目录的方法

2020/05/22 Python

CSS3实现文字描边的2种方法(小结)

2020/02/14 HTML / CSS

巴西宠物商店：Cobasi

2019/04/19 全球购物

越南母婴用品购物网站：Kids Plaza

2020/04/09 全球购物

加拿大户外探险购物网站：SAIL

2020/06/27 全球购物

优秀幼教自荐信

2014/02/03 职场文书

自我鉴定标准格式

2014/03/19 职场文书

会计试用期自我评价

2015/03/10 职场文书

放假通知格式

2015/04/14 职场文书

2015秋季开学典礼新闻稿

2015/07/17 职场文书

Java实现经典游戏泡泡堂的示例代码

2022/04/04 Java/Android