监听浏览器窗口大小的改变

<script type="text/javascript">
<!--
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;
}
alert(winHeight+","+winWidth);
}
findDimensions();
//调用函数,获取数值
window.onresize=findDimensions;
//-->
</script>

posted @ 2014-06-18 15:04  Mark_Lee  阅读(1477)  评论(0编辑  收藏  举报