编程 Javascript

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

Posted in Javascript onMay 07, 2014

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

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

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

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

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

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

Javascript 相关文章推荐

Jquery 表单取值赋值的一些基本操作

Oct 11 Javascript

firebug的一个有趣现象介绍

Nov 30 Javascript

jQuery 遍历函数详解

Jul 05 Javascript

Vuejs第一篇之入门教程详解（单向绑定、双向绑定、列表渲染、响应函数）

Sep 09 Javascript

react-router实现跳转传值的方法示例

May 27 Javascript

基于Vue实现图书管理功能

Oct 17 Javascript

webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)

Jan 09 Javascript

vue实现跨域的方法分析

May 21 Javascript

在Webpack中用url-loader处理图片和字体的问题

Apr 28 Javascript

JS变量提升及函数提升实例解析

Sep 03 Javascript

UEditor 自定义图片视频尺寸校验功能的实现代码

Oct 20 Javascript

Vue3.0写自定义指令的简单步骤记录

Jun 27 Vue.js

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

Syphon 虹吸式咖啡壶冲煮–拨动法

2021/03/03 冲泡冲煮

PHP strtok()函数的优点分析

2010/03/02 PHP

php基础教程

2015/08/26 PHP

ThinkPHP中使用Ueditor富文本编辑器

2015/09/02 PHP

round robin权重轮循算法php实现代码

2016/05/28 PHP

PHP实现的无限分类类库定义与用法示例【基于thinkPHP】

2018/08/06 PHP

PHP通过文件保存和更新信息的方法分析

2019/09/12 PHP

关于文本限制字数的js代码

2007/04/02 Javascript

使用JavaScript动态设置样式实现代码(2)

2013/01/25 Javascript

Android中的jQuery:AQuery简介

2014/05/06 Javascript

JS仿QQ好友列表展开、收缩功能(第一篇)

2017/07/07 Javascript

nodejs前端自动化构建环境的搭建

2017/07/26 NodeJs

JavaScript中立即执行函数实例详解

2017/11/04 Javascript

vue-cli系列之vue-cli-service整体架构浅析

2019/01/14 Javascript

JS中超越现实的匿名函数用法实例分析

2019/06/21 Javascript

vue给对象动态添加属性和值的实例

2019/09/09 Javascript

Vue中错误图片的处理的实现代码

2019/11/07 Javascript

vue之延时刷新实例

2019/11/14 Javascript

Python利用flask sqlalchemy实现分页效果

2020/08/02 Python

Python模块WSGI使用详解

2018/02/02 Python

Python实现的连接mssql数据库操作示例

2018/08/17 Python

Django 实现购物车功能的示例代码

2018/10/08 Python

用python拟合等角螺线的实现示例

2019/12/27 Python

Python函数参数定义及传递方式解析

2020/06/10 Python

分享一个页面平滑滚动小技巧(推荐)

2019/10/23 HTML / CSS

使用html5实现表格实现标题合并的实例代码

2019/05/13 HTML / CSS

合同专员岗位职责

2013/12/18 职场文书

会计电算化专业毕业生自荐信

2013/12/20 职场文书

高中物理教学反思

2014/02/08 职场文书

《两个铁球同时着地》教学反思

2014/02/13 职场文书

授权委托书协议书

2014/10/16 职场文书

2015年个人现实表现材料

2014/12/10 职场文书

单位委托函范文

2015/01/29 职场文书

golang 实现两个结构体复制字段

2021/04/28 Golang

pandas中DataFrame重置索引的几种方法

2021/05/24 Python

MySQL的安装与配置详细教程

2021/06/26 MySQL