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


Posted in Javascript onMay 07, 2014

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

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

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

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

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