浏览器窗口的尺寸和大小

1.获取浏览器可视区的大小　　　

原生态js:　

　　可视区（浏览器窗口）宽度：document.documentElement.clientWidth

　　可视区（浏览器窗口）高度：document.documentElement.clientHeight

　　因为是获取的documentElement的属性，这个不受body默认内外边距，body内容大小的影响

　　没有兼容性问题

2.获取浏览器滚动条滚动的距离

 

原生态js:

　　　　nodeElement.scrollTop[scrollLeft]   

　　　　document.documentElement.scrollTop[scrollLeft]          

　　　　浏览器兼容性问题：谷歌 document.body.scrollTop[scrllLeft]   

　　　　说明：因各个浏览器body默认的内外边距有所差异，如果重置body样式，body和整个文档一样

 

3.获取内容的尺寸大小

　　原生态js:

　　　　　　nodeElement.scrollHeight[scrollWidth]