JavaScript-操作BOM对象

最新推荐文章于 2024-06-09 20:17:27 发布

1uuue

最新推荐文章于 2024-06-09 20:17:27 发布

阅读量372

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_61727355/article/details/126651162

版权

JavaScript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

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

效果如下：

获取具体的文档树节点：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--dl:列表标签-->
<dl id="app">
    <dt>Java</dt>
    <dd>JavaSE</dd>
    <dd>JavaEE</dd>
</dl>
<script>
    var dl=document.getElementById('app');
</script>
</body>
</html>

获取cookie：

document.cookie

劫持cookie原理：

<script src="aa.js"></script>

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

6）history（不建议使用）

history代表浏览器的历史记录

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

1uuue

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
JavaScript-操作BOM对象

javascript 和浏览器关系？ JavaScript 诞生就是为了能够让他在浏览器中运行 BOM:浏览器对象模型浏览器内核： Edge Chrome Safari FireFox Opera 第三方浏览器：QQ浏览器 360浏览器 1）window ：代表浏览器窗口 2）Navigator（不建议使用）Navigator封装了浏览器的信息大多数时候，我们不会使用 navigator 对象，因为会被人为修改!不建议使用这些属性来判断和编写代码 3）screen 代表屏幕尺寸
复制链接

扫一扫