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 (????杈圭嚎??楂?)
缃?椤墊?f???ㄦ??瀹斤? document.body.scrollWidth
缃?椤墊?f???ㄦ??楂?锛? document.body.scrollHeight
缃?椤佃??峰?葷??楂?锛? document.body.scrollTop
缃?椤佃??峰?葷??宸?? document.body.scrollLeft
缃?椤墊?f???ㄥ??涓?锛? window.screenTop
缃?椤墊?f???ㄥ??宸?? window.screenLeft
灞?骞???杈ㄧ????楂?锛? window.screen.height
灞?骞???杈ㄧ????瀹斤? window.screen.width
灞?骞????ㄥ伐浣??洪??搴?? window.screen.availHeight
灞?骞????ㄥ伐浣??哄?藉害锛? window.screen.availWidth
?
?
HTML绮劇‘瀹?浣?:scrollLeft,scrollWidth,clientWidth,offsetWidth
scrollHeight: ?峰??瀵矽薄??婊??ㄩ??搴???
scrollLeft:璁劇疆???峰??浣?浜?瀵矽薄宸?竟????绐??d腑??????瑙???瀹圭????宸???涔??寸??璺?绂?
scrollTop:璁劇疆???峰??浣?浜?瀵矽薄??椤剁????绐??d腑??瑙???瀹圭????椤剁??涔??寸??璺?绂?
scrollWidth:?峰??瀵矽薄??婊??ㄥ?藉害
offsetHeight:?峰??瀵矽薄?稿?逛????㈡???辯?跺???? offsetParent 灞??ф??瀹????跺??????楂?搴?
offsetLeft:?峰??瀵矽薄?稿?逛????㈡????offsetParent 灞??ф??瀹????跺??????璁$??宸?晶浣?缃?
offsetTop:?峰??瀵矽薄?稿?逛????㈡????offsetTop 灞??ф??瀹????跺??????璁$??椤剁??浣?缃?
event.clientX ?稿?規??妗g??姘村鈎搴ф??
event.clientY ?稿?規??妗g?????村駭??
event.offsetX ?稿?瑰?瑰?ㄧ??姘村鈎????
event.offsetY ?稿?瑰?瑰?ㄧ?????村????
document.documentElement.scrollTop ???存?瑰??婊??ㄧ????
event.clientX+document.documentElement.scrollTop ?稿?規??妗g??姘村鈎搴ф??+???存?瑰??婊??ㄧ????
?
瀹??頒唬??
? < !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">璇瘋??存?瑙??ㄧ???eぇ灏?</h2><hr />
<form action="#" method="get" name="form1" id="form1">
<!--?劇ず娴?瑙??ㄧ???g??瀹???灏哄??->
娴?瑙??ㄧ?????? 瀹???楂?搴? <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() //?芥?幫??峰??灏哄??
{
//?峰??绐??e?藉害
if (window.innerWidth)
winWidth = window.innerWidth;
else if ((document.body) && (document.body.clientWidth))
winWidth = document.body.clientWidth;
//?峰??绐??i??搴?
if (window.innerHeight)
winHeight = window.innerHeight;
else if ((document.body) && (document.body.clientHeight))
winHeight = document.body.clientHeight;
//??杩?娣卞??ocument???ㄥ??ody杩?琛?妫?娴?锛??峰??绐??eぇ灏?
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>