浅谈：Document对象、Location对象、Navigator对象、Screen对象

最新推荐文章于 2023-05-22 20:45:17 发布
最新推荐文章于 2023-05-22 20:45:17 发布
阅读量385 收藏
点赞数
分类专栏： 前端碎片小知识点
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Geezer_007/article/details/105715673
版权

document对象：

                document对象实际上是window对象的属性，这个对象的独特之处是唯一既有属于BOM又属于DOM的对象；

                从BOM角度看document对象有一系列集合构成，这些集合可以访问文档的各个部分；

Location对象：

                它是window对象和document对象的属性，location对象表示载入窗口的url,此外它还可以解析URL；

Navigator对象：

                  navigator包含大量web浏览器相关的信息，各种浏览器支持对象的属性和方法不尽相同；

Screen对象：

            通过其对象可以获取用户屏幕相关的信息；

say个嗨呀
关注
专栏目录
document.location对象学习
大龄python业余爱好者锅大虾
08-05 407
js的DOM操作基于document对象，location是常用的一个。打开控制台的console界面，调用location对象，看看有什么属性和方法 Location {href: "https://www.w3school.com.cn/jsref/dom_obj_document.asp", ancestorOrigins: DOMStringList, origin: "https://www.w3school.com.cn", protocol: "https:", host: "www.w3sc
11-BOM-概述和组成对象（window、history、location、navigator、screen、document）
记录java学习日常~
05-17 961
BOM（Browser Object Model）是浏览器对象模型的缩写，指的是由浏览器提供的一组对象和方法，可以通过JavaScript来操作和管理浏览器。全局作用域：Window对象是全局对象，它包含了所有的JavaScript变量和函数。因此，可以在脚本的任何地方访问和修改Window对象的属性和方法。对象层次结构：如果窗口中嵌套了框架，则每个框架都是一个Window对象。Window对象形成了一个对象层次结构，可以通过Window的属性和方法来访问和操作其中的文档和元素。
Document.location
zq9955的博客
10-15 3892
Document.location 是一个只读属性，返回一个 Location 对象，包含有文档的 URL 相关的信息，并提供了改变该 URL 和加载其他 URL 的方法。 尽管 Document.location 是一个只读的 Location 对象，你也能够赋给它一个 DOMString。这意味着你能够赋给 document.location 字符串，大多数情况下像这样使用：document.location = ‘http://www.example.com’，也可写为document.locatio
window对象，navigator对象，document文档对象，以及window下的其他对象
chenzhuozhu的博客
07-04 501
Window对象属性innerHeight                                                 返回窗口的文档显示区的高度innerWidth                                                  返回窗口的文档显示区的宽度outerHeight                                 ...
JS中document对象的location属性
CHALLENG_EVERYTHING的专栏
09-06 1001
js中document对象的location属性负责设置HTML文档的链接URL，例如： function Redirect() { document.location = "http://www.126.com"; } 用阿里zai
location对象、document对象
Lujiadexiaoahui的博客
05-27 356
一、location对象 1.属性 host   设置或返回主机名和当前URL的端口号 hostname    设置或返回当前URL的主机名 href    设置或返回完整的URL 2.方法 reload()   重新加载当前文档 replace()   用新的文档替换当前文档 二、document对象 1.常用的属性 referrer   返回载入当前文档的URL URL
javascript Window及document对象详细整理
12-10
在JavaScript中，`Window`和`Document`对象是两个核心且至关重要的概念，它们构成了浏览器环境中JavaScript与网页交互的基础。 **一、Window对象** Window对象代表着浏览器中的一个窗口，它是全局对象，意味着在...
javascript从入门到跑路—–小文的js学习笔记（8）—–bom的对象及其用法—window 、History、location、navigator 、screen
01-08
javascript从入门到跑路—–小文的js学习笔记（1）———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM（Browers，Object，model）...
javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）
ranran0306的博客
04-21 1836
javascript基础——window对象（screen、history、location、navigator、window对象常用方法、window对象常用事件）
头歌教学实践平台 Web前端开发基础 JavaScript学习手册十六：浏览器对象模型
最新发布
01-20
DOM是HTML和XML文档的结构表示，它将文档解析为树形结构，而BOM则关注的是浏览器环境中的其他对象，如window、document、navigator等。 **1. window对象** window对象是所有BOM对象的顶级父对象，代表浏览器的一个...
document.location 对象详解
冰糖糊涂的专栏
07-17 5530
document.location  这个对象包含了当前URL的信息location.host 获取port号location.hostname 设置或获取主机名称location.href 设置或获取整个URLlocation.port设置或获取URL的端口号location.search  设置或获取href属性中跟在问号后面的部分 
location document 对象及属性
sjpwds的博客
05-27 517
一：location对象        1.  location对象的属性            host    设置或返回主机名和当前URL的端口号            hostname   设置或返回当前URL的主机名            href     设置或返回完整的URL      2.location对象的方法       reload()   重新加载当前文档
JavaScript 中的 DOM 对象（Document 对象、Element 对象、Node 对象）
ONESTARの博客
08-19 3503
目录 一、概述 1、操作标记型文档 2、解析标记型文档 二、Document 对象 三、Element 对象 1、常用方法 2、获取子标签 三、Node 对象 1、Node 对象的属性 2、Node 的父子节点对象 一、概述 DOM 对象，文档对象模型（document object model），可以使用 JS 里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操...
BOM？window对象？location对象？history对象？4.screen对象？navigator对象？
Problem_Girl的博客
01-20 280
BOM？ 浏览器的核心内容：BOM，DOM。 不同的浏览器在BOM和DOM方面的适配有差异。 整个浏览器（即浏览器的头部到浏览器的底部）叫BOM，而文档开始部分（即HTML显示部分）叫DOM。BOM包含DOM，DOM是BOM当中的元素。 window是祖先。 window是权限最高的对象，它可以找到我们要操作的所有子目标。 BOM对象？（有括号是方法设置，无括号是属性式调用或设置） ...
document文档对象，location位置对象
在职可交流前端开发，包括：web端、uniapp等，欢迎指教。
05-22 934
document、window、location、navigator、screen对象
document.location对象属性
Elina_1992的专栏
01-22 1669
document.location对象属性： 1 2 3 4 5 6 7 8 9 10 11 12 document.location.hash // #号后的部分 document.location.host // 域名+端口号//好像返回的是主机名localhos
BOM--location、history、navigator、screen对象
zxn200125的博客
12-01 181
BOM中的location对象、history对象、navigator对象、screen对象，以及相关常用的对象属性和对象方法
学习笔记（十）JavaScript Bom（浏览器对象模型）
qq_36486067的博客
05-03 251
什么是Bom对象 浏览器对象模型提供了可以与浏览器窗口进行互动的对象结构。 BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率。但BOM最强大的功能是它提供了一个访问...
JavaScript 的 BOM 对象（window 对象、History对象、Location 对象、Navigator 和 screen 对象）
ONESTARの博客
08-19 2328
目录 一、概述 二、window 对象 1、常用属性(对象) 2、常用方法 三、History 对象 1、常用属性 2、常用方法 四、Location对象 1、常用属性 2、常用方法 五、Navigator 和 screen 对象 一、概述 JS 的 BOM 对象就是浏览器对象模型，用于控制浏览器的行为，它提供了独立于内容与浏览器窗口进行交互的对象，BOM是一个分层结构：...
深入理解JavaScript BOM：浏览器对象模型详解
BOM的其他重要对象还包括`navigator`（浏览器信息）、`screen`（屏幕信息）、`history`（浏览历史）、`location`（URL管理）和`document`（DOM操作）。这些对象结合使用，可以让开发者实现丰富的浏览器交互功能，如...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值