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

     效果如下：

    获取具体的文档树节点：

    1. html>
    2. <html lang="en" xmlns:th="http://www.thymeleaf.org">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <title>Titletitle>
    6. head>
    7. <body>
    9. <dl id="app">
    10.     <dt>Javadt>
    11.     <dd>JavaSEdd>
    12.     <dd>JavaEEdd>
    13. dl>
    14. <script>
    15.     var dl=document.getElementById('app');
    16. script>
    17. body>
    18. html>

    获取cookie：

    document.cookie

    劫持cookie原理：

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

    6）history（不建议使用）

    history代表浏览器的历史记录

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

  • 相关阅读:
    对 scroll 的认知和探索
    技术点：前端缓存（web 缓存）详解
    VS Code C# 开发工具包正式发布
    Docker--harbor私有仓库部署与管理
    在ubuntu20下使用花生壳映射vscode SSH
    华为数通安全产品介绍
    java中的多线程
    torch
    [网络工程师]-防火墙-ACL
    [发送AT指令配置a7670C模块上网]
  • 原文地址：https://blog.csdn.net/qq_61727355/article/details/126651162