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


Posted in Javascript onMay 07, 2014

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

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

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

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

Javascript 相关文章推荐
Javascript document.referrer判断访客来源网址
May 15 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
JS判断不能为空实例代码
Nov 26 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
JavaScript实现强制重定向至HTTPS页面
Jun 10 Javascript
JS判断一个数是否是水仙花数
Jun 11 Javascript
JavaScript 程序错误Cannot use 'in' operator to search的解决方法
Jul 10 Javascript
jQuery实现的滑块滑动导航效果示例
Jun 04 jQuery
微信小程序地图(map)组件点击(tap)获取经纬度的方法
Jan 10 Javascript
详解React服务端渲染从入门到精通
Mar 28 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
Jun 03 Javascript
微信小程序全局变量GLOBALDATA的定义和调用过程解析
Sep 23 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或file_get_contents获取网页标题的代码及两者效率的稳定性问题
2015/11/30 PHP
PHP定义字符串的四种方式详解
2018/02/06 PHP
php常用字符串查找函数strstr()与strpos()实例分析
2019/06/21 PHP
laravel自定义分页的实现案例offset()和limit()
2019/10/15 PHP
javascript中创建对象的三种常用方法
2010/12/30 Javascript
瀑布流布局并自动加载实现代码
2013/03/12 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
2016/09/06 Javascript
原生js实现对Ajax的封装(仿jquery)
2017/01/22 Javascript
js仿淘宝商品放大预览功能
2017/03/15 Javascript
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
JS代码实现电脑配置检测功能
2018/03/21 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
linux 后台运行node服务指令方法
2018/05/23 Javascript
详解Vue源码学习之callHook钩子函数
2018/07/25 Javascript
使用ng-packagr打包Angular的方法示例
2018/09/21 Javascript
vue实现简单计算商品价格
2020/09/14 Javascript
Vant 在vue-cli 4.x中按需加载操作
2020/11/05 Javascript
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
使用Python对Csv文件操作实例代码
2017/05/12 Python
对Python中画图时候的线类型详解
2019/07/07 Python
浅谈spring boot 集成 log4j 解决与logback冲突的问题
2020/02/20 Python
Python extract及contains方法代码实例
2020/09/11 Python
AmazeUI中各种的导航式菜单与解决方法
2020/08/19 HTML / CSS
英国最大的奢侈品零售网络商城:Flannels
2016/09/16 全球购物
FOREO斐珞尔官方旗舰店:LUNA露娜洁面仪
2018/03/11 全球购物
简单说下OSPF的操作过程
2014/08/13 面试题
通信研究生自荐信
2014/02/01 职场文书
大学生简短的自我评价分享
2014/02/20 职场文书
投标承诺书范本
2014/03/27 职场文书
工程售后服务方案
2014/06/08 职场文书
房屋租赁合同补充协议
2014/10/11 职场文书
2015年个人实习工作总结
2014/12/12 职场文书
javascript对象3个属性特征
2021/11/17 Javascript
Android Studio 计算器开发
2022/05/20 Java/Android
mybatis 获取更新记录的id
2022/05/20 Java/Android