网页可见区域宽:document.body.clientWidthJS中获取各种窗口大小
网页可见区域宽:document.body.clientWidth   
     网页可见区域高:document.body.clientHeight   
     网页可见区域宽:document.body.offsetWidth      (包括边线的宽)   
     网页可见区域高:document.body.offsetHeight      (包括边线的宽)   
     网页正文全文宽:document.body.scrollWidth   
     网页正文全文高:document.body.scrollHeight   
     网页被卷去的高:document.body.scrollTop   
     网页被卷去的左:document.body.scrollLeft   
     网页正文部分上:window.screenTop   
     网页正文部分左:window.screenLeft   
     屏幕分辨率的高:window.screen.height   
     屏幕分辨率的宽:window.screen.width   
     屏幕可用工作区高度:window.screen.availHeight   
     屏幕可用工作区宽度:window.screen.availWidthvar t="";
t ="\n网页可见区域宽:" document.body.clientWidth;   
t ="\n网页可见区域高:" document.body.clientHeight;   
t ="\n网页可见区域宽:" document.body.offsetWidth;//      (包括边线的宽)   
t ="\n网页可见区域高:" document.body.offsetHeight;//      (包括边线的宽)   
t ="\n网页正文全文宽:" document.body.scrollWidth;   
t ="\n网页正文全文高:" document.body.scrollHeight;   
t ="\n网页被卷去的高:" document.body.scrollTop;   
t ="\n网页被卷去的左:" document.body.scrollLeft;   
t ="\n网页正文部分上:" window.screenTop;   
t ="\n网页正文部分左:" window.screenLeft;   
t ="\n屏幕分辨率的高:" window.screen.height;   
t ="\n屏幕分辨率的宽:" window.screen.width;   
t ="\n屏幕可用工作区高度:" window.screen.availHeight;   
t ="\n屏幕可用工作区宽度:" window.screen.availWidth;
t ="\n鼠标X位置:" event.clientX;
t ="\n鼠标Y位置:" event.clientY;
注意,在使用了W3C标准的网页中,document.body.scrollTop和document.body.scrollLeft会失效,这时要用document.documentElement.scrollTop 和document.documentElement.scrollLeft。 
评论
                        
React 18的并发渲染确实是个重大改进,我们在项目中已经升级使用,性能提升明显!