编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

javascript innerHTML、outerHTML、innerText、outerText的区别

Nov 24 Javascript

jQuery实现form表单reset按钮重置清空表单功能

Dec 18 Javascript

jquery制作漂亮的弹出层提示消息特效

Dec 23 Javascript

原生JS和JQuery动态添加、删除表格行的方法

May 28 Javascript

JavaScript Date对象详解

Mar 01 Javascript

详解Backbone.js框架中的模型Model与其集合collection

May 05 Javascript

javascript replace()第二个参数为函数时的参数用法

Dec 26 Javascript

JS实现快递单打印功能【推荐】

Jun 21 Javascript

vue将单页面改造成多页面应用的方法

Nov 25 Javascript

微信小程序实现树莓派（raspberry pi）小车控制

Feb 12 Javascript

基于VSCode调试网页JavaScript代码过程详解

Jul 20 Javascript

如何利用vue实现波谱拟合详解

Nov 05 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 各种应用乱码问题的解决方法

2010/05/09 PHP

值得分享的php+ajax实时聊天室

2016/07/20 PHP

php读取和保存base64编码的图片内容

2017/04/22 PHP

Yii框架实现图片上传的方法详解

2017/05/20 PHP

tp5(thinkPHP5)框架实现多数据库查询的方法

2019/01/10 PHP

PHP面向对象程序设计之对象的遍历操作示例

2019/06/12 PHP

YII2框架中查询生成器Query()的使用方法示例

2020/03/18 PHP

JavaScript中的Document文档对象

2008/01/16 Javascript

js取整数、取余数的方法

2014/05/11 Javascript

生成二维码方法汇总

2014/12/26 Javascript

jquery图片切换插件

2015/03/16 Javascript

Javascript中Array用法实例分析

2015/06/13 Javascript

jQuery购物网页经典制作案例

2016/08/19 Javascript

vuejs父子组件之间数据交互详解

2017/08/09 Javascript

JS 使用 window对象的print方法实现分页打印功能

2018/05/16 Javascript

webpack分离css单独打包的方法

2018/06/12 Javascript

elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)

2018/09/04 Javascript

Django+vue跨域问题解决的详细步骤

2019/01/20 Javascript

微信小程序左右滚动公告栏效果代码实例

2019/09/16 Javascript

vue和iview实现Scroll 数据无限滚动功能

2019/10/31 Javascript

Element Popover 弹出框的使用示例

2020/07/26 Javascript

jQuery实现二级导航菜单的示例

2020/09/30 jQuery

[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访

2014/07/09 DOTA

python控制台英汉汉英电子词典

2020/04/23 Python

python基础教程之对象和类的实际运用

2014/08/29 Python

Python环境搭建之OpenCV的步骤方法

2017/10/20 Python

Tensorflow Summary用法学习笔记

2020/01/10 Python

Django生成数据库及添加用户报错解决方案

2020/10/09 Python

CSS3实现多样的边框效果

2018/05/04 HTML / CSS

碧欧泉美国官网：Biotherm美国

2016/08/31 全球购物

校园学雷锋活动月总结

2014/03/09 职场文书

授权委托书范本

2014/04/03 职场文书

具结保证书

2015/01/17 职场文书

2015重阳节敬老活动总结

2015/07/29 职场文书

pytorch实现ResNet结构的实例代码

2021/05/17 Python

Go gorilla securecookie库的安装使用详解

2022/08/14 Golang