//定义全局变量

var winWidth = 0; /*窗口宽度*/

var winHeight = 0; /*窗口高度*/

//函数区

//实时获取浏览器窗口大小，当窗口大小变化开始相应操作

function winchange() {

    //获取窗口宽度

    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;   //获取视窗宽度

    }

    //根据窗口变化调整网页各版块高度  自用函数区
　　 $(".middle").height(winHeight-$(".header").height()-$(".foot").height());/*中间内容的高度*/

}

$(function(){

//根据窗口大小计算布局高度
　　winchange();
　　window.onresize=winchange;

});