网页可见区域赛,(包括边线的赛)与document.body.offsetWidth

t+=”\n鼠标X位置:”+ event.clientX;
t+=”\n鼠标Y位置:”+ event.clientY;

应用要用以下代码

只顾,在用了W3C标准的网页中,document.body.scrollTop和document.body.scrollLeft会失效,这时要就此document.documentElement.scrollTop
和document.documentElement.scrollLeft。

    </script>

网页可见区域方便: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

js获取网页页面的惊人及幅度大家可以利用document.body.offsetHeight
(包括边线的高)与document.body.offsetWidth
(包括边线的有余)即可了,具体实例如下。

var 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;

复制代码

</head>
<body>
    <ul>
         <li>  网页可见区域方便: document.body.clientWidth   
</li>
         <li>   网页可见区域大: document.body.clientHeight 
</li>
         <li>   网页可见区域方便: document.body.offsetWidth
(包括边线的有余)</li>
         <li>  网页可见区域大: document.body.offsetHeight
(包括边线的大)    </li>
         <li>  网页正文全文宽:
document.body.scrollWidth                   </li>
         <li>   网页正文全文高:
document.body.scrollHeight                       </li>
         <li>    网页为卷去的强: document.body.scrollTop 
</li>
         <li>    网页为卷去之荒谬: document.body.scrollLeft 
</li>
         <li>    网页正文部分达到: window.screenTop   </li>
         <li>    网页正文部分左: window.screenLeft  
</li>
         <li>   屏幕分辨率的强: window.screen.height</li>
         <li>   屏幕分辨率的厚实: window.screen.width 
</li>
         <li>   屏幕可用工作区中度:
window.screen.availHeight</li>
         <li>   屏幕可用工作区宽度: window.screen.availWidth
</li>
     </ul>

 代码如下

直在html页面指定地点显得如下

“alert(“网页可见区域方便:
document.body.clientWidth:”+document.body.clientWidth);
alert(“网页可见区域大:
document.body.clientHeight:”+document.body.clientHeight);
alert(“网页可见区域方便: document.body.offsetWidth
(包括边线的丰足):”+document.body.offsetWidth);
alert(“网页可见区域大: document.body.offsetHeight
(包括边线的胜):”+document.body.offsetHeight);
alert(“网页正文全文宽:
document.body.scrollWidth:”+document.body.scrollWidth);
alert(“网页正文全文高:
document.body.scrollHeight:”+document.body.scrollHeight);
alert(“网页为卷去之赛:
document.body.scrollTop:”+document.body.scrollTop);
alert(“网页为卷去的一无是处:
document.body.scrollLeft:”+document.body.scrollLeft);
alert(“网页正文部分达到: window.screenTop:”+window.screenTop);
alert(“网页正文部分左: window.screenLeft:”+window.screenLeft);
alert(“屏幕分辨率的过人: window.screen.height:”+window.screen.height);
alert(“屏幕分辨率的充盈: window.screen.width:”+window.screen.width);
alert(“屏幕可用工作区低度:
window.screen.availHeight:”+window.screen.availHeight);
alert(“屏幕可用工作区宽度:
window.screen.availWidth:”+window.screen.availWidth);

http://www.bkjia.com/AJaxjc/448589.htmlwww.bkjia.comtruehttp://www.bkjia.com/AJaxjc/448589.htmlTechArticlejs获取网页页面的高度与宽度我们可以使用document.body.offsetHeight
(包括边线的高)与document.body.offsetWidth
(包括边线的有余)即可了,具体实例如下。…

“alert(“网页可见区域方便: document.body.clientWidth:” +
document.body.clientWidth + “n网页可见区域大:
document.body.clientHeight:” + document.body.clientHeight +
“n网页可见区域方便: document.body.offsetWidth (包括边线的充盈):” +
document.body.offsetWidth + “n网页可见区域赛:
document.body.offsetHeight (包括边线的大):” +
document.body.offsetHeight + “n网页正文全文宽:
document.body.scrollWidth:” + document.body.scrollWidth +
“n网页正文全文高: document.body.scrollHeight:” +
document.body.scrollHeight + “n网页被卷去之赛:
document.body.scrollTop:” + document.body.scrollTop +
“n网页被卷去的左: document.body.scrollLeft:” +
document.body.scrollLeft + “n网页正文部分及: window.screenTop:” +
window.screenTop + “n网页正文部分左: window.screenLeft:” +
window.screenLeft + “n屏幕分辨率的胜: window.screen.height:” +
window.screen.height + “n屏幕分辨率的富裕: window.screen.width:” +
window.screen.width + “n屏幕可用工作区中度:
window.screen.availHeight:” + window.screen.availHeight +
“n屏幕可用工作区宽度: window.screen.availWidth:” +
window.screen.availWidth);

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
<html>
<head>
    <title>js获取height和width总结</title>
    <meta content=”text/html;charset=UTF-8″
http-equiv=”Content-Type”/>
    <script type=”text/javascript”
src=”js/jquery-1.5.2.js”></script>
    <script type=”text/javascript” >
       $(document).ready(function()
        {
        alert(“浏览器当前窗口可张区域中度:”+$(window).height());
//浏览器当前窗口可观看区域中度
        alert(“浏览器当前窗口文档的低度:”+$(document).height());
//浏览器当前窗口文档的莫大
       
alert(“浏览器当前窗口文档body的冲天:”+$(document.body).height());//浏览器当前窗口文档body的低度
        alert(“浏览器当前窗口文档body的终究低度 包括border padding
margin:”+$(document.body).outerHeight(true));//浏览器当前窗口文档body的总低度包括border padding margin
        alert(“浏览器当前窗口可阅览区域涨幅:”+($(window).width()));
//浏览器当前窗口可看出区域涨幅
       
alert(“浏览器当前窗口文档对象宽度:”+$(document).width());//浏览器当前窗口文档对象宽度
       
alert(“浏览器当前窗口文档body的中度:”+$(document.body).width());//浏览器当前窗口文档body的莫大
        alert(“浏览器当前窗口文档body的究竟幅度 包括border padding
margin:”+$(document.body).outerWidth(true));//浏览器当前窗口文档body的到底增幅
包括border padding margin
       
alert(“显示器分辨率,只好用JavaScript代码获取中度:”+screen.height);//呈现器分辨率,只可以用JavaScript代码获取
       
alert(“突显器分辨率,只好用JavaScript代码获取宽度:”+screen.width);
        })  ;

 代码如下

复制代码

复制代码

</body>
</html>

 代码如下

查阅区别使用下代码

相关文章