監(jiān)聽(tīng)瀏覽器窗口和div標(biāo)簽的變化
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();
}
標(biāo)簽變化
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();
}