<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//1个浏览器一个window对象。
//全局变量是window的对象。
//内置函数通常是window的方法。
console.log(window.alert == alert); //true;
window.hasOwnpropety(); //是否包含某个方法或属性
//a.hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。
//hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。
//窗口属性
/*内置函数普遍是window的方法。*/
/*内置变量普遍是window的属性。*/
//console.log(window.alert() == alert()); //true;
window.innerHeight(); //浏览器的窗口内高，包含滚动条垂直
window.innerWidth(); //浏览器的窗口内宽，包含滚动条横向。
window.outerHeight(); //浏览器的窗口外部高，包括滚动条。
window.outerWidth(); //浏览器的窗口外部宽，包括滚动条。
document.documentElement.clientWidth(); //浏览器的窗口内部宽，不包含滚动条
document.documentElement.clientHeight(); //浏览器的窗口内部高，不包含滚动条
window.scrollX();
window.scrollY();
//resize();
window.onresize = function() {
var root = document.documentElement;
console.log(root.clientHeight);
}
window.addEventListener('resize');
//已卷动高度。
//已动高度。
window.scrollY;
document.documentElement.scrollTop;
//scroll 事件。
window.onscroll = function() {
console.log(window.scrollY);
}
var a = new Object();
//a.hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。
//hasOwnProperty() 方法用来判断某个对象是否含有指定的自身属性。
</script>
</body>
</html>