浅谈javascript属性onresize


Posted in Javascript onApril 20, 2015

浅谈javascript属性onresize

//获取屏幕宽度并动态赋值  
var winWidth = 0;
var winHeight = 0;
function findDimensions() //函数:获取尺寸
{
//获取窗口宽度
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//获取窗口高度
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//通过深入Document内部对body进行检测,获取窗口大小
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//结果输出至两个文本框

$("body").height(winHeight)
$("body").width(winWidth)
}

findDimensions();
//调用函数,获取数值
window.onresize=findDimensions;
//-->

只有我要对屏幕大小进行操作的时候才想起原来还有个对屏幕操作的属性

onresize 事件会在窗口或框架被调整大小时发生。

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
一个可以显示阴历的JS代码
Mar 05 Javascript
jquery在Chrome下获取图片的长宽问题解决
Mar 20 Javascript
使用jQuery解决IE与FireFox下createElement方法的差异
Nov 14 Javascript
巧用局部变量提升javascript性能
Feb 24 Javascript
鼠标拖拽移动子窗体的JS实现
Feb 25 Javascript
node.js中的console.error方法使用说明
Dec 10 Javascript
Javascript无参数和有参数类继承问题解决方法
Mar 02 Javascript
原生JS实现响应式瀑布流布局
Apr 02 Javascript
详解angular2采用自定义指令(Directive)方式加载jquery插件
Feb 09 Javascript
单击按钮发送验证码,出现倒计时的简单实例
Mar 17 Javascript
Vue的H5页面唤起支付宝支付功能
Apr 18 Javascript
Vue注册组件命名时不能用大写的原因浅析
Apr 25 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 #Javascript
被遗忘的javascript的slice() 方法
Apr 20 #Javascript
JavaScript Window浏览器对象模型方法与属性汇总
Apr 20 #Javascript
分享10个原生JavaScript技巧
Apr 20 #Javascript
JQuery限制复选框checkbox可选中个数的方法
Apr 20 #Javascript
js插件YprogressBar实现漂亮的进度条效果
Apr 20 #Javascript
浅谈javascript中call()、apply()、bind()的用法
Apr 20 #Javascript
You might like
PHP 中的一些经验积累
2006/10/09 PHP
PHP定时自动生成静态HTML的实现代码
2010/06/20 PHP
php 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
php生成excel列序号代码实例
2013/12/24 PHP
Symfony2创建基于域名的路由相关示例
2016/11/14 PHP
MAC下通过改apache配置文件切换php多版本的方法
2017/04/26 PHP
ThinkPHP框架实现的邮箱激活功能示例
2018/06/15 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
去除链接虚线全面分析总结
2006/08/15 Javascript
基于jquery的表格排序
2010/09/11 Javascript
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
js实现登陆遮罩效果的方法
2015/07/28 Javascript
详解js图片轮播效果实现原理
2015/12/17 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
原生js实现放大镜
2017/02/20 Javascript
vue-cli如何快速构建vue项目
2017/04/26 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
JavaScript获取某一天所在的星期
2019/09/05 Javascript
JavaScript交换两个变量方法实例
2019/11/25 Javascript
JavaScript中arguments的使用方法详解
2020/12/20 Javascript
[52:26]完美世界DOTA2联赛决赛 FTD vs Phoenix 第一场 11.08
2020/11/11 DOTA
Python实现批量将word转html并将html内容发布至网站的方法
2015/07/14 Python
请不要重复犯我在学习Python和Linux系统上的错误
2016/12/12 Python
python生成式的send()方法(详解)
2017/05/08 Python
Python3一行代码实现图片文字识别的示例
2018/01/15 Python
Python+OpenCV实现车牌字符分割和识别
2018/03/31 Python
用python简单实现mysql数据同步到ElasticSearch的教程
2018/05/30 Python
python用列表生成式写嵌套循环的方法
2018/11/08 Python
程序员的七夕用30行代码让Python化身表白神器
2019/08/07 Python
公司开业庆典主持词
2014/03/21 职场文书
公司请假条格式
2014/04/11 职场文书
人事行政经理岗位职责
2014/06/18 职场文书
Python+uiautomator2实现自动刷抖音视频功能
2021/04/29 Python
Spring Security中用JWT退出登录时遇到的坑
2021/10/16 Java/Android
OpenStack虚拟机快照和增量备份实现方法
2022/04/04 Servers