浅谈javascript属性onresize
浅谈javascript属性onresize
//获取屏幕宽度并动态赋值
varwinWidth=0;
varwinHeight=0;
functionfindDimensions()//函数:获取尺寸
{
//获取窗口宽度
if(window.innerWidth)
winWidth=window.innerWidth;
elseif((document.body)&&(document.body.clientWidth))
winWidth=document.body.clientWidth;
//获取窗口高度
if(window.innerHeight)
winHeight=window.innerHeight;
elseif((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事件会在窗口或框架被调整大小时发生。
以上所述就是本文的全部内容了,希望大家能够喜欢。