什么是全局对象？
-
window对象就是全局对象，它是任何对象的顶级对象
console.log(window);
全局对象下的其它对象
-
显示器对象：screen
// 保存显示器的某些信息和操作方法 console.log(window.screen); -
浏览器的对象：navigator
// 保存浏览器的某些信息和操作方法 console.log(window.navigator); // 其中userAgent属性包含浏览器名字和版本信息 console.log(window.navigator.userAgent); -
地址对象：location
console.log(window.location); /* href属性 保存当前网页地址具体信息 */ console.log(window.location.href); /* 刷新：reload方法 格式： window.location.reload(参数) 参数：true 1.传入参数者强制刷新，清空缓存 2.不传入参数则不清空缓存 */ <body> <button>点击以下刷新一下</button> </body> <script> var btn = document.querySelector("button"); btn.onclick = function () { window.location.reload(true); } </script> -
历史信息对象：history
// 出于隐私考虑, 并不能拿到用户所有的历史信息,只能拿到当前的历史记录 console.log(window.history) /* 前进到当前浏览的上一下页面：forward方法 格式： window.history.forward(); 1.只能前进一个界面 */ <body> <button>点击一下</button> </body> <script> var btn = document.querySelector("button"); btn.onclick = function () { window.history.forward(); } </script> /* 操作当前浏览器页面的前进和后退：go方法 格式： window.history.go(参数); 参数 i: 前进i个界面 0: 刷新 -i:后退i界面 */ <body> <button>点击一下</button> </body> <script> var btn = document.querySelector("button"); btn.onclick = function () { window.history.go(); } </script>
