网页中的各种长宽、坐标

<!doctype html>
<html lang="zh-CN">
<head>
        <meta charset="UTF-8">
        <title>网页中的各种长宽、坐标</title>
</head>
</head>
<body         <label>window.event.clientX:</label><label id="xa" class="xy"></label><br />
        <label>window.event.clientY:</label><label id="ya" class="xy"></label><br />
        <label>window.event.x            :</label><label id="xb" class="xy"></label><br />
        <label>window.event.y            :</label><label id="yb" class="xy"></label><br />
        <label>window.event.screenX:</label><label id="xc" class="xy"></label><br />
        <label>window.event.screenY:</label><label id="yc" class="xy"></label><br /><br />
        <label>window.screen.height:</label><label id="screenHeight" class="xy"></label><br />
        <label>window.screen.width:</label><label id="screenWidth" class="xy"></label><br /><br />
        <label>window.document.body.clientHeight:</label><label id="ch" class="xy"></label><br />
        <label>window.document.body.clientWidth:</label><label id="cw" class="xy"></label><br />
        <label>window.document.body.clientLeft:</label><label id="cl" class="xy"></label><br />
        <label>window.document.body.clientTop:</label><label id="ct" class="xy"></label><br /><br />
        <label>window.document.body.scrollHeight:</label><label id="sh" class="xy"></label><br />
        <label>window.document.body.scrollWidth:</label><label id="sw" class="xy"></label><br />
        <label>window.document.body.scrollLeft:</label><label id="sl" class="xy"></label><br />
        <label>window.document.body.scrollTop:</label><label id="st" class="xy"></label><br /><br />
        <label>window.document.body.offsetHeight:</label><label id="oh" class="xy"></label><br />
        <label>window.document.body.offsetWidth:</label><label id="ow" class="xy"></label><br />
        <label>window.document.body.offsetLeft:</label><label id="ol" class="xy"></label><br />
        <label>window.document.body.offsetTop:</label><label id="ot" class="xy"></label><br />
        <script type="text/javascript">
        function getXandY(){
                var Xa = window.event.clientX;
                var Ya = window.event.clientY;
                document.getElementById("xa").innerHTML = Xa;
                document.getElementById("ya").innerHTML = Ya;
                var Xb = window.event.x;
                var Yb = window.event.y;
                document.getElementById("xb").innerHTML = Xb;
                document.getElementById("yb").innerHTML = Yb;
                var Xc = window.event.screenX;
                var Yc = window.event.screenY;
                document.getElementById("xc").innerHTML = Xc;
                document.getElementById("yc").innerHTML = Yc;
                var screenHeight = window.screen.height;
                var screenWidth = window.screen.width;
                document.getElementById("screenHeight").innerHTML = screenHeight;
                document.getElementById("screenWidth").innerHTML = screenWidth;
                var clientHeight = window.document.body.clientHeight;
                var clientWidth = window.document.body.clientWidth;
                var clientLeft = window.document.body.clientLeft;
                var clientTop = window.document.body.clientTop;
                document.getElementById("ch").innerHTML = clientHeight;
                document.getElementById("cw").innerHTML = clientWidth;
                document.getElementById("cl").innerHTML = clientLeft;
                document.getElementById("ct").innerHTML = clientTop;
                var scrollHeight = window.document.body.scrollHeight;
                var scrollWidth = window.document.body.scrollWidth;
                var scrollLeft = window.document.body.scrollLeft;
                var scrollTop = window.document.body.scrollTop;
                document.getElementById("sh").innerHTML = scrollHeight;
                document.getElementById("sw").innerHTML = scrollWidth;
                document.getElementById("sl").innerHTML = scrollLeft;
                document.getElementById("st").innerHTML = scrollTop;
                var offsetHeight = window.document.body.offsetHeight;
                var offsetWidth = window.document.body.offsetWidth;
                var offsetLeft = window.document.body.offsetLeft;
                var offsetTop = window.document.body.offsetTop;
                document.getElementById("oh").innerHTML = offsetHeight;
                document.getElementById("ow").innerHTML = offsetWidth;
                document.getElementById("ol").innerHTML = offsetLeft;
                document.getElementById("ot").innerHTML = offsetTop;
        }
        </script>
</body>
</html>


你可能感兴趣的:(网页)