JavaScript 自带的全局对象

window 对象

window代表浏览器窗口 那些直接可以使用的方法就是来自这个对象

可以使用这个对象获取一些屏幕信息

window.innerHeight
1455
window.innerWidth
980
window.outerHeight
883
window.outerWidth
595

下面的其他对象也是来自这个window

navigator对象

封装了浏览器信息

//获取浏览器版本信息
console.log(navigator.appVersion);
//获取代理
console.log(navigator.userAgent);
//获取系统的版本
console.log(navigator.platform);

大多数时候，不会使用 navigator 对象，因为会被人人为修改 所以不建议使用这些属性来写判断代码

screen 屏幕

screen.width
1033
screen.height
883

location 定位

location代表当前页面的url信息

//只写重要的

// 跳转到新的地址
location.assign("https://www.baidu.com/")
// 刷新网页
location.reload();
// 主机地址
host: "space.bilibili.com"
// 
href: "https://space.bilibili.com/12714578/favlist"
// 使用的协议
protocol: "https:"

document

Document 代表当前页面, HTML DOM 文档树

document.title
"百度一下"
document.title = 'alsritter'
"alsritter"

例如使用 Document 获取具体的文档树节点

<dl id="app">
  <dt>java</dt>
  <dt>javaSE</dt>
  <dt>javaEE</dt>
</dl>

<script>
  //获取整个app下的节点
  var dl = document.getElementById('app');
</script>

获取 cookie 也是通过这个 Document 对象

document.cookie
"_uuid=9EC12EFE-D281-FA16-63BF-F9BD315D13EB30766infoc; bu...."

注意 cookie 有可能会给恶意 JS 劫持，服务器端可以设置 cookie 为 httpOnly 使这个 cookie 为只读的

history

历史

//前进
history.forward();
//后退
history.back();