编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

javascript Array.prototype.slice使用说明

Oct 11 Javascript

JQuery1.4+ Ajax IE8 内存泄漏问题

Oct 15 Javascript

jQuery之网页换肤实现代码

Apr 30 Javascript

Moment.js 不容错过的超棒Javascript日期处理类库

Apr 15 Javascript

jQuery中click事件用法实例

Dec 26 Javascript

jQuery实现切换字体大小的方法

Mar 10 Javascript

Bootstrap每天必学之进度条

Nov 30 Javascript

深入理解关于javascript中apply()和call()方法的区别

Apr 12 Javascript

layui弹出层按钮提交iframe表单的方法

Aug 20 Javascript

微信小程序canvas拖拽、截图组件功能

Sep 04 Javascript

使用jQuery给Table动态增加行、清空table的方法

Sep 05 jQuery

vue基于v-charts封装双向条形图的实现代码

Dec 09 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基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法

2014/07/11 PHP

smarty循环嵌套用法示例分析

2016/07/19 PHP

设定php简写功能的方法

2019/11/28 PHP

js技巧--转义符"\"的妙用

2007/01/09 Javascript

基于jQuery的烟花效果（运动相关）点击屏幕出烟花

2012/06/14 Javascript

jQuery EasyUI菜单与按钮详解

2016/07/13 Javascript

JavaScript学习笔记整理_简单实现枚举类型,扑克牌应用

2016/09/19 Javascript

JavaScript 监控微信浏览器且自带返回按钮时间

2016/11/27 Javascript

浅谈高大上的微信小程序中渲染html内容—技术分享

2018/10/25 Javascript

js使用formData实现批量上传

2020/03/27 Javascript

vue 动态生成拓扑图的示例

2021/01/03 Vue.js

Python编程入门之Hello World的三种实现方式

2015/11/13 Python

用Python设计一个经典小游戏

2017/05/15 Python

5个很好的Python面试题问题答案及分析

2018/01/19 Python

Python测试人员需要掌握的知识

2018/02/08 Python

对python:print打印时加u的含义详解

2018/12/15 Python

Python 实现王者荣耀中的敏感词过滤示例

2019/01/21 Python

解决python super()调用多重继承函数的问题

2019/06/26 Python

Python 函数list&read&seek详解

2019/08/28 Python

Python的几种主动结束程序方式

2019/11/22 Python

django 框架实现的用户注册、登录、退出功能示例

2019/11/28 Python

Anaconda的安装及其环境变量的配置详解

2020/04/22 Python

Python实现手绘图效果实例分享

2020/07/22 Python

python实现视频压缩功能

2020/12/18 Python

详解Pycharm第三方库的安装及使用方法

2020/12/29 Python

用HTML5中的Canvas结合公式绘制粒子运动的教程

2015/05/08 HTML / CSS

英国最大的化装舞会服装网站：Fancydress.com

2017/08/15 全球购物

Bravofly德国：预订廉价航班和酒店

2019/09/22 全球购物

环保建议书300字

2014/05/14 职场文书

俄语专业毕业生求职信

2014/07/12 职场文书

Python机器学习之底层实现KNN

2021/06/20 Python

纯html+css实现Element loading效果

2021/08/02 HTML / CSS

Python之基础函数案例详解

2021/08/30 Python

RestTemplate如何通过HTTP Basic Auth认证示例说明

2022/03/17 Java/Android

mysql性能优化以及配置连接参数设置

2022/05/06 MySQL

新的CSS 伪类函数 :is() 和 :where()示例详解

2022/08/05 HTML / CSS