JavaScript-操作BOM对象

javascript 和浏览器关系？

JavaScript 诞生就是为了能够让他在浏览器中运行

BOM:浏览器对象模型

浏览器内核：

• Edge
• Chrome
• Safari
• FireFox
• Opera

第三方浏览器：

• QQ浏览器
• 360浏览器

1）window

window：代表浏览器窗口

2）Navigator（不建议使用）
Navigator封装了浏览器的信息

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

3）screen

代表屏幕尺寸

4）location

代表当前页面的URL信息，会利用它来实现一些重定向

host：主机

herf：当前指向位置

protocol：使用的协议

reload：重新加载的方法 -->  刷新网页

assign：设置新的地址

5）document

document 代表当前的页面，HTML是怎么展示的？—> HTML DOM文档树

 效果如下：

获取具体的文档树节点：

    
    




    
Java
    
JavaSE
    
JavaEE

获取cookie：

document.cookie

劫持cookie原理：

解决方法：服务器端可以设置 cookie 为 httpOnly，来保证安全性

6）history（不建议使用）

history代表浏览器的历史记录

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