JS?峰??娴?瑙??ㄩ??搴???瀹藉害
IE涓?锛?
document.body.clientWidth ==> BODY瀵硅薄瀹藉害
document.body.clientHeight ==> BODY瀵硅薄楂?搴?
document.documentElement.clientWidth ==> ??瑙??哄??瀹藉害
document.documentElement.clientHeight ==> ??瑙??哄??楂?搴?
FireFox涓?锛?
document.body.clientWidth ==> BODY瀵硅薄瀹藉害
document.body.clientHeight ==> BODY瀵硅薄楂?搴?
document.documentElement.clientWidth ==> ??瑙??哄??瀹藉害
document.documentElement.clientHeight ==> ??瑙??哄??楂?搴?
Opera涓?锛?
document.body.clientWidth ==> ??瑙??哄??瀹藉害
document.body.clientHeight ==> ??瑙??哄??楂?搴?
document.documentElement.clientWidth ==> 椤甸?㈠?硅薄瀹藉害锛???ODY瀵硅薄瀹藉害??涓?Margin瀹斤?
document.documentElement.clientHeight ==> 椤甸?㈠?硅薄楂?搴????ODY瀵硅薄楂?搴???涓?Margin楂?锛?
娌℃??瀹?涔?W3C??????锛???
IE涓猴?
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox涓猴?
document.documentElement.clientWidth ==> 椤甸?㈠?硅薄瀹藉害锛???ODY瀵硅薄瀹藉害??涓?Margin瀹斤?document.documentElement.clientHeight ==> 椤甸?㈠?硅薄楂?搴????ODY瀵硅薄楂?搴???涓?Margin楂?锛?
Opera涓猴?
document.documentElement.clientWidth ==> 椤甸?㈠?硅薄瀹藉害锛???ODY瀵硅薄瀹藉害??涓?Margin瀹斤?document.documentElement.clientHeight ==> 椤甸?㈠?硅薄楂?搴????ODY瀵硅薄楂?搴???涓?Margin楂?锛?
?
?
?
?
缃?椤靛??瑙??哄??瀹斤? 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
?
?
HTML绮剧‘瀹?浣?:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: ?峰??瀵硅薄??婊??ㄩ??搴???
scrollLeft:璁剧疆???峰??浣?浜?瀵硅薄宸?竟????绐??ｄ腑??????瑙???瀹圭????宸???涔??寸??璺?绂?
scrollTop:璁剧疆???峰??浣?浜?瀵硅薄??椤剁????绐??ｄ腑??瑙???瀹圭????椤剁??涔??寸??璺?绂?
scrollWidth:?峰??瀵硅薄??婊??ㄥ?藉害
offsetHeight:?峰??瀵硅薄?稿?逛????㈡???辩?跺???? offsetParent 灞??ф??瀹????跺??????楂?搴?
offsetLeft:?峰??瀵硅薄?稿?逛????㈡????offsetParent 灞??ф??瀹????跺??????璁＄??宸?晶浣?缃?
offsetTop:?峰??瀵硅薄?稿?逛????㈡????offsetTop 灞??ф??瀹????跺??????璁＄??椤剁??浣?缃?
event.clientX ?稿?规??妗ｇ??姘村钩搴ф??
event.clientY ?稿?规??妗ｇ?????村骇??
event.offsetX ?稿?瑰?瑰?ㄧ??姘村钩????
event.offsetY ?稿?瑰?瑰?ㄧ?????村????
document.documentElement.scrollTop ???存?瑰??婊??ㄧ????
event.clientX+document.documentElement.scrollTop ?稿?规??妗ｇ??姘村钩搴ф??+???存?瑰??婊??ㄧ????
?
瀹??颁唬??
? < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>璇疯??存?瑙??ㄧ????lt;/title> <meta http-equiv="content-type" content="text/html; charset=gb2312">
</meta></head>
<body>
<h2 align="center">璇疯??存?瑙??ㄧ???ｅぇ灏?</h2><hr />
<form action="#" method="get" name="form1" id="form1">
<!--?剧ず娴?瑙??ㄧ???ｇ??瀹???灏哄??->
娴?瑙??ㄧ?????? 瀹???楂?搴? <input type="text" name="availHeight" size="4"/><br />
娴?瑙??ㄧ?????? 瀹???瀹藉害: <input type="text" name="availWidth" size="4"/><br />
</form>
<script type="text/javascript">
<!--
var winWidth = 0;
var winHeight = 0;
function findDimensions() //?芥?帮??峰??灏哄??
{
//?峰??绐??ｅ?藉害
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//?峰??绐??ｉ??搴?
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//??杩?娣卞??ocument???ㄥ??ody杩?琛?妫?娴?锛??峰??绐??ｅぇ灏?
if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)
{
winHeight = document.documentElement.clientHeight;
winWidth = document.documentElement.clientWidth;
}
//缁???杈??鸿?充袱涓?????妗?
document.form1.availHeight.value= winHeight;
document.form1.availWidth.value= winWidth;
}
findDimensions();
//璋??ㄥ?芥?帮??峰???板??
window.慰nresize=findDimensions;
//-->
</script>
</body>
</html>
![主流浏览器四大综合性能测试[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)