通过Js来获取所有屏幕分辨率的总结

青旅半醒 2022-08-19 08:23 19阅读 0赞

>   
> 
> 
>   
> 
> 
> 通过Js来获取所有屏幕适配的总结  
> 
> 
>   
> 
> 
>   
> 
> 
> <script type="text/javascript">
> 
>     window.οnlοad=function()\{   
>     //document.getElementById("test").style.height="200px";  
>     //document.getElementsByTagName('div')\[0\].offsetHeight='600px';  
>     document.getElementsByTagName('div')\[0\].style.height=document.body.clientHeight+'px';  
>         //alert(document.getElementsByTagName('div')\[0\].offsetHeight=document.body.clientHeight);  
>         //alert(document.body.clientHeight);  
>     \};  
> </script>  
>   
> <html>  
> <script>  
> function a()\{   
> document.write(  
> "屏幕分辨率为："+screen.width+"\*"+screen.height  
>   
> "屏幕可用大小："+screen.availWidth+"\*"+screen.availHeight  
>   
> "网页可见区域宽："+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.availWidth  
> );  
> \}  
> </script>  
> <body οnlοad="a()" >  
> </body>  
> </html>