JavaScript之操纵BOM对象（重点）

六、操作BOM对象（重点）

目录：操作BOM对象
BOM：浏览器对象模型

1.操作BOM对象

1）浏览器介绍
JavaScript和浏览器的关系：JavaScript的诞生就是为了能够让它在浏览器中运行。
常用浏览器：IE 6~11（8版本后改动非常大）、Chrome、Safari、FireFox（Linux上默认的）
第三方浏览器：QQ浏览器、360浏览器…
2）window代表浏览器窗口
①弹窗 window.alert()
②内部高度 window.innerHeight
③内部宽度 window.innerWidth
④外部高度 window.outerHeight
⑤外部宽度 window.outerWidth
可以调整浏览器窗口大小调试
3）navigator封装了浏览器的信息
①应用名 navigator.appName
②浏览器版本 navigator.appVersion
③用户信息 navigator.userAgent
④系统版本 navigator.platform
大多数时候，不会使用navigator对象，因为会被人为修改。
不建议使用这些属性来判断和编写代码。
4）screen代表屏幕尺寸
①屏幕宽度 screen.width
②屏幕高度 screen.height
5）location代表当前页面信息的URL信息
以百度为例
①主机 host “www.baidu.com”
②当前指向位置 href 用来跳转网页 “https://www.baidu.com/”
③协议 protocol “https”
④重新加载 reload 用于刷新网页 f reload()
⑤设置新地址 location.assign()
6）document代表当前页面 DOM数
①页面标题 document.title
例：

<dl id="app">
  <dt>Java</dt>
  <dd>JavaSE</dd>
  <dd>JavaEE</dd>
</dl>
<script>
  var dl = document.getElementById('app');
</script>

②能获取具体的文档树结点，能动态的增加或删除结点，就能动态的修改文章。
③获取cookie document.cookie
劫持cookie原理：网页弹出别人植入的弹窗（引入了js），在js中写了get一个document.cookie，然后再用Ajax请求到他的服务器上。
以登录淘宝，天猫也登录了为例
服务器端可以设置cookie:httpOnly，来保证安全性。
7）history代表浏览器的历史记录
①前进 history.forward()
②后退 history.back()