编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

jQuery MD5加密实现代码

Mar 15 Javascript

基于jquery的button默认enter事件(回车事件)。

May 18 Javascript

jQuery 选择表格(table)里的行和列及改变简单样式

Dec 15 Javascript

文字溢出实现溢出的部分再放入一个新生成的div中具体代码

May 17 Javascript

JavaScript阻止浏览器返回按钮的方法

Mar 18 Javascript

javascript实现行拖动的方法

May 27 Javascript

javascript跨域方法、原理以及出现问题解决方法（详解）

Aug 06 Javascript

JS实现新浪博客左侧的Blog管理菜单效果代码

Oct 22 Javascript

探析浏览器执行JavaScript脚本加载与代码执行顺序

Jan 12 Javascript

vue-better-scroll 的使用实例代码详解

Dec 03 Javascript

详解JavaScript中new操作符的解析和实现

Sep 04 Javascript

angular共享依赖的解决方案分享

Oct 15 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

收音机的保养

2021/03/01 无线电

PHP的面向对象编程

2006/10/09 PHP

利用浏览器的Javascript控制台调试PHP程序

2014/01/08 PHP

php 获取SWF动画截图示例代码

2014/02/10 PHP

用javascript实现兼容IE7的类库 IE7_0_9.zip提供下载

2007/08/08 Javascript

jquery struts 验证唯一标识(公用方法)

2013/03/27 Javascript

JavaScript实现存储HTML字符串示例

2014/04/21 Javascript

javascript实现淘宝幻灯片广告展示效果

2015/04/27 Javascript

JavaScript电子时钟倒计时

2016/01/09 Javascript

JS未跨域操作iframe里的DOM

2016/06/01 Javascript

NodeJS与HTML5相结合实现拖拽多个文件上传到服务器的实现方法

2016/07/26 NodeJs

AngularJS 表达式详细讲解及实例代码

2016/07/26 Javascript

JavaScript 链式结构序列化详解

2016/09/30 Javascript

jQuery checkbox选中问题之prop与attr注意点分析

2016/11/15 Javascript

详解vue.js的devtools安装

2017/05/26 Javascript

浅谈mint-ui 填坑之路

2017/11/06 Javascript

简化vuex的状态管理方案的方法

2018/06/02 Javascript

vue+node实现图片上传及预览的示例方法

2018/11/22 Javascript

vue 实现LED数字时钟效果（开箱即用）

2019/12/08 Javascript

JS表格的动态操作完整示例

2020/01/13 Javascript

js实现滑动滑块验证登录

2020/07/24 Javascript

详解vue v-model

2020/08/31 Javascript

ant design vue中表格指定格式渲染方式

2020/10/28 Javascript

[02:11]2014DOTA2 TI专访VG战队Fenrir：队伍气氛良好

2014/07/11 DOTA

在Python的Flask框架下使用sqlalchemy库的简单教程

2015/04/09 Python

python3写的简单本地文件上传服务器实例

2018/06/04 Python

基于Python执行dos命令并获取输出的结果

2019/12/30 Python

HTML5 video视频字幕的使用和制作方法

2018/05/03 HTML / CSS

鱼油专家：Omegavia

2016/10/10 全球购物

Kenneth Cole官网：纽约时尚优雅品牌

2016/11/14 全球购物

乡镇消防工作实施方案

2014/03/27 职场文书

共产党员公开承诺书范文

2014/03/28 职场文书

英语三分钟演讲稿

2014/08/19 职场文书

反洗钱宣传活动总结

2014/08/26 职场文书

基于angular实现树形二级表格

2021/10/16 Javascript

springboot 多数据源配置不生效遇到的坑及解决

2021/11/17 Java/Android