2019-02-15

监听浏览器窗口和div标签的变化

1.窗口变化

html部分

<lable id="change"></lable>

js代码：

window.onresize=adjust;

adjust();

function adjust(){

        var lable=document.getElementById("change");

        lable.innerHTML="width="+window.innerWidth()+";height="+window.innerHeight();

}

标签变化

HTML部分

<div id="div" style="background-color: red;width: 100%;height: 300px;"></div>

<lable id="change"></lable>

js代码部分：

window.onresize=adjust;

adjust();

function adjust(){

var lable=document.getElementById("change");

var div=document.getElementById("div");

lable.innerHTML="width="+div.offsetrWidth()+";height="+div.offsetHeight();

}