<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>窗口位置</title>
<style type="text/css">
</style>
</head>
<body>
</body>
<script type="text/javascript">
//获取当前窗口位置
console.log(window.screenLeft);
console.log(window.screenTop);
//另外的两种方式
console.log(window.screenX);
console.log(window.screenY);
//兼容写法
var left = window.screenLeft ? window.screenLeft:window.screenX;
var topt = window.screenTop ? window.screenTop:window.screenY;
console.log(left,topt);
//窗口的大小
//整个窗口的宽度，算上工具栏
console.log("窗口大小："+window.outerWidth);
//整个网页的宽度
console.log("窗口大小："+window.innerWidth);
//窗口高度
console.log("窗口大小："+window.outerHeight);
console.log("窗口大小："+window.innerHeight);
</script>
</html>
网友评论