浅谈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 巧妙获取剪贴板数据 Excel数据的粘贴
Jul 09 Javascript
通过length属性判断jquery对象是否存在
Oct 18 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
Mar 05 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
Apr 11 Javascript
使用three.js 画渐变的直线
Jun 05 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
Vue父子模版传值及组件传值的三种方法
Nov 27 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
微信小程序移动拖拽视图-movable-view实例详解
Aug 17 Javascript
vue模块移动组件的实现示例
May 20 Javascript
SSM VUE Axios详解
Oct 05 Vue.js
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/09/05 PHP
PHP 引用是个坏习惯
2010/03/12 PHP
php线性表顺序存储实现代码(增删查改)
2012/02/16 PHP
php中过滤非法字符的具体实现
2013/10/29 PHP
Yii框架在页面输出执行sql语句以方便调试的实现方法
2014/12/24 PHP
PHP使用SWOOLE扩展实现定时同步 MySQL 数据
2017/04/09 PHP
php递归函数怎么用才有效
2018/02/24 PHP
Laravel多用户认证系统示例详解
2018/03/13 PHP
DHTML 中的绝对定位
2006/11/26 Javascript
JavaScript 设计模式学习 Singleton
2009/07/27 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
2017/06/13 Javascript
JS解决IOS中拍照图片预览旋转90度BUG的问题
2017/09/13 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
2018/01/09 jQuery
vue-router 起步步骤详解
2019/03/26 Javascript
JSON是什么?有哪些优点?JSON和XML的区别?
2019/04/29 Javascript
微信小程序页面滚动到指定位置代码实例
2019/09/07 Javascript
在Layui中操作数据表格,给指定单元格添加事件示例
2019/10/26 Javascript
vant 时间选择器--开始时间和结束时间实例
2020/11/04 Javascript
读取本地json文件,解析json(实例讲解)
2017/12/06 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
Python 25行代码实现的RSA算法详解
2018/04/10 Python
python3解析库lxml的安装与基本使用
2018/06/27 Python
Python 最大概率法进行汉语切分的方法
2018/12/14 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
python 创建一维的0向量实例
2019/12/02 Python
Canvas 文本填充线性渐变的使用详解
2020/06/22 HTML / CSS
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
儿童生日会策划方案
2014/05/15 职场文书
奥运会口号
2014/06/13 职场文书
乡镇党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
毕业生实习期转正自我鉴定
2014/09/26 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
2015年国税春训心得体会
2015/03/09 职场文书
班级管理经验交流材料
2015/11/02 职场文书
2016年教师学习廉政准则心得体会
2016/01/20 职场文书
MySql分区类型及创建分区的方法
2022/04/13 MySQL