2 BOM三大系列 (掌握)
2.1 client系列
-
元素可视宽高
- 元素.clientWidth:元素可视宽 content+padding
- 元素.clientHeight:元素可视高 content+padding
-
屏幕的可视宽高
- document.documentElement.clientWidth;
/* client系列(元素可视宽高) 元素.clientWidth: 可视宽 content+padding 元素.clientHeight: 可视高 content+padding 屏幕的可视宽高: document.documentElement.clientWidth/Height */ var oDiv = document.getElementsByTagName("div")[0]; console.log(oDiv.clientWidth);//元素可视宽 console.log(oDiv.clientHeight);//元素可视高 // 屏幕的可视宽高: console.log(document.documentElement.clientWidth); //1366 console.log(document.documentElement.clientHeight);//657