JavaScript-操作BOM对象 - 码农知识堂

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文档树

效果如下：

获取具体的文档树节点：
```
html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
<dl id="app">
    <dt>Javadt>
    <dd>JavaSEdd>
    <dd>JavaEEdd>
dl>
<script>
    var dl=document.getElementById('app');
script>
body>
html>
```
获取cookie：

document.cookie

劫持cookie原理：

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

6）history（不建议使用）

history代表浏览器的历史记录

history.back() //后退
history.forward() //前进
相关阅读:
内存与CPU：计算机默契交互的关键解析
 Atcoder ABC340 C - Divide and Divide
es笔记七之聚合操作之桶聚合和矩阵聚合
 Word控件Spire.Doc 【文档操作】教程(七)：在 C#、VB.NET 中从 URL 下载 Word 文档
 又一嵌入式开源仿真器
 [深入研究4G/5G/6G专题-49]: 5G Link Adaption链路自适应-5-上行链路自适应ULLA-PUSCH信道
 教你利用clustalw和blat解决接头问题问题
 整理总结提高抖音小店商品转化率的五大策略
 SpringBoot统一功能处理
 推荐一款免费又好用的配音软件～
原文地址：https://blog.csdn.net/qq_61727355/article/details/126651162