编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

prototype与jquery下Ajax实现的差别

Sep 13 Javascript

输入框的字数时时统计—关于 onpropertychange 和 oninput 使用

Oct 21 Javascript

让人期待的2011年度最佳 jQuery 插件分享

Mar 16 Javascript

js中方法重载如何实现？以及函数的参数问题

Aug 01 Javascript

JS实现局部选择打印和局部不选择打印

Apr 03 Javascript

jQuery ajax调用WCF服务实例

Jul 16 Javascript

jquery插件推荐浏览器嗅探userAgent

Nov 09 Javascript

jQuery+css3实现文字跟随鼠标的上下抖动

Jul 31 Javascript

Bootstrap表单布局样式代码

May 31 Javascript

详解Koa中更方便简单发送响应的方式

Jul 20 Javascript

详解一些适用于Node.js的命名约定

Dec 08 Javascript

解决vant框架做H5时踩过的坑(下拉刷新、上拉加载等)

Nov 11 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

PHPMYADMIN 简明安装教程推荐

2010/03/07 PHP

Laravel 5.3 学习笔记之安装

2016/08/28 PHP

PHP单例模式简单用法示例

2017/06/23 PHP

图片自动更新(说明)

2006/10/02 Javascript

JavaScript与Div对层定位和移动获得坐标的实现代码

2010/09/08 Javascript

js函数获取html中className所在的内容并去除标签

2013/09/08 Javascript

js实现div弹出层的方法

2014/11/20 Javascript

js实现向右横向滑出的二级菜单效果

2015/08/27 Javascript

JS深度拷贝Object Array实例分析

2016/03/31 Javascript

JS模仿腾讯图片站的图片翻页按钮效果完整实例

2016/06/21 Javascript

js中document.referrer实现移动端返回上一页

2017/02/22 Javascript

浅谈React前后端同构防止重复渲染

2018/01/05 Javascript

用图片替换checkbox原始样式并实现同样的功能

2018/11/15 Javascript

详解如何用webpack4从零开始构建react开发环境

2019/01/27 Javascript

微信小程序结合mock.js实现后台模拟及调试

2019/03/28 Javascript

vue使用video.js进行视频播放功能

2019/07/18 Javascript

小程序实现多个选项卡切换

2020/06/19 Javascript

Python使用gRPC传输协议教程

2018/10/16 Python

pandas分别写入excel的不同sheet方法

2018/12/11 Python

Python3实现的判断环形链表算法示例

2019/03/07 Python

Python实现九宫格式的朋友圈功能内附“马云”朋友圈

2019/05/07 Python

使用Flask-Cache缓存实现给Flask提速的方法详解

2019/06/11 Python

Python3分析处理声音数据的例子

2019/08/27 Python

python django生成迁移文件的实例

2019/08/31 Python

Python3实现zip分卷压缩过程解析

2019/10/09 Python

利用Python自动化操作AutoCAD的实现

2020/04/01 Python

python 实现一个简单的线性回归案例

2020/12/17 Python

通过HTML5 Canvas API绘制弧线和圆形的教程

2016/03/14 HTML / CSS

Ootori在线按摩椅店：一家专业的按摩椅制造商

2019/04/10 全球购物

开水果连锁店创业计划书

2013/12/29 职场文书

九年级英语教学反思

2014/01/31 职场文书

白鹤梁导游词

2015/02/06 职场文书

2015年检察院个人工作总结

2015/05/20 职场文书

MySQL数字类型自增的坑

2021/05/07 MySQL

springboot入门之profile设置方式

2022/04/04 Java/Android

golang连接MySQl使用sqlx库

2022/04/14 Golang