jsWindow对象

最新推荐文章于 2025-01-09 21:00:35 发布
最新推荐文章于 2025-01-09 21:00:35 发布
阅读量556 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_52175048/article/details/127507674
本文围绕JavaScript的BOM展开，介绍了window对象是顶级对象，其属性和方法调用可省略window。还阐述了定时器-延时函数、JS执行机制及事件循环。此外，对location、navigator、histroy对象进行讲解，包括其功能和用途，如location可获取和跳转URL等。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

BOM

浏览器对象模型
在这里插入图片描述

window对象是一个全局对象，也可以说是javaScript中的顶级对象
像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window
所有通过var定义在全局作用减中的变量、函数都会变成window对象的属性和方法
window对象下的属性和方法调用的时候可以省略window

定时器-延时函数

setTimeout(回调函数，等待的毫秒数)

setTimeout仅仅只执行一次，所以可以理解为就是把一段代码延迟执行，平时省略window
清除延时函数

let timer = setTimeout(回调函数，等待的毫秒数)
clearTimeout(timer)

JS执行机制

JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。

为了解决这个问题，利用多核CPU的计算能力，HTML5提出Web Worker标准，允许JavaScript脚本创建多个线程。于是，JS中出现了同步和异步。
在这里插入图片描述

事件循环（event loop）

在这里插入图片描述
由于主线程不断的重复获得任务、执行任务、再获取任务、再执行，所以这种机制被称为事件循环（event loop)。

location对象

location的数据类型是对象，它拆分并保存了URL地址的各个组成部分

href属性获取完整的URL地址，对其赋值时用于地址的跳转
search属性获取地址中携带的参数，符号？后面部分
hash属性获取地址中的啥希值，符号#后面部分
reload方法用来刷新当前页面，传入参数true时表示强制刷新
用处
href属性获取完整的URL地址，对其赋值时用于地址的跳转

location.href ='www.baidu.com'

navigator对象

navigator的数据类型是对象，该对象下记录了浏览器自身的相关信息
检测浏览器的版本及平台

navigator.userAgent

histroy对象

nistory的数据类型是对象，主要管理历史记录，该对象与浏览器地址栏的操作相对应，如前进、后退、历史记录等
在这里插入图片描述

前端开发：JS中的Window对象详解
全沾软贱开发攻城狮
09-19 1万+
在前端开发过程中，关于全局对象的使用是非常常用的，其实每个JS环境中都一个全局对象，尤其是在实际开发过程中全局范围内创建任何变量都是这个全局对象的属性，且任何函数都是它的方法。在实际浏览器环境下，Window对象就是全局对象的标志，它表示包含网页的浏览器窗口。那么本篇文章就来分享一下关于window对象相关的知识点，方便查阅使用。
JS window对象简单操作完整示例
10-15
JavaScript中的`window`对象是全局对象，它代表浏览器的一个窗口，包含了与页面交互的各种方法、属性和事件。在这个示例中，我们详细探讨了`window`对象的一些常见操作，包括提示框、弹出窗口和时间相关操作。 1. *...
js window 对象
05-13 1113
JS的window对象窗口对象的属性和方法：格式：[window.]属性[window.]方法（参数）opener.属性opener.方法（参数）self.属性self.方法（参数）parent.属性parent.方法（参数）top.属性top.方法（参数）窗口名称.属性窗口名称.方法（参数）窗口对象的属性：document当前文件的信息
js:window对象
最新发布
Au_ust的博客
01-09 1094
dom部分学完了，来看看bom吧~bom是整个浏览器，本质上bom与dom是包含的关系，window是里面最大的对象调用的方法默认对象是window，一般都会省略前面的window创建的全局变量也是属于window的，当然window也可以省略。
JavaScript里面的window对象
上善若泪
12-29 1003
DOM文档      window的事件 onclick事件 当按钮被点击时，会执行该函数 例如：window.onclick=function(){  //代码片段} onload 和 onunload 事件 onload 和 onunload 事件会在用户进入或离开页面时被触发。 onload 事件可用于检测访问者的浏览器类型和浏览器版本，并基于这些信息来加载网页的正确版本。 on...
JavaScript Window对象
weixin_45951205的博客
05-24 905
window对象是一个全局对象，也可以说是JavaScript中的顶级对象。像document、alert()、console.log()这些都是window的属性，基本BOM的属性和方法都是window的。所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法。window对象下的属性和方法调用的时候可以省略window。
JS window对象的top、parent、opener含义介绍
10-26
在JavaScript编程中，window对象是非常核心的一个部分，它代表了浏览器窗口，并且具有很多重要属性和方法，可以用来操作浏览器窗口的各种行为。其中，top、parent、opener是window对象的三个重要属性，它们在页面间...
js window对象属性和方法相关资料整理
11-23
window对象有以下方法： open　close　alert　confirm　prompt　setTimeout　clearTimeout　setInterval　clearInterval　moveBy　moveTo　resizeBy　resizeTo　scrollBy　scrollTo　find　back　forward　home　...
JS window对象详解
大河之犬的博客
10-07 7806
对于window对象，无论是它的属性，还是方法，都可以省略window前缀。如window.alert()可以简写为alert(),window.open()可以简写为open()，甚至window.document.getElementById()可以简写为document.getElementById()，以此类推。在JavaScript中，窗口常见的操作有两种：一种是“打开窗口”，另一种是“关闭窗口”。在线时钟中，秒针每隔一秒转一次。输入内容，然后点击对话框中的【确定】按钮，就会返回刚刚输入的文本。
javascript学习之window 对象
白话机器学习
08-04 606
浏览器里面，window对象（注意，w为小写）指当前的浏览器窗口。它也是当前页面的顶层对象，即最高一层的对象，所有其他对象都是它的下属。一个变量如果未声明，那么默认就是顶层对象的属性。a = 1;上面代码中，a是一个没有声明就直接赋值的变量，它自动成为顶层对象的属性。window有自己的实体含义，其实不适合当作最高一层的顶层对象，这是一个语言的设计失误。最早，设计这门语言的时候，原始设想是语言内置的对象越少越好，这样可以提高浏览器的性能。因此，语言设计者 Brendan Eich 就把window。
JavaScript权威指南（第六版） （JavaScript window对象一些概念）
cw2004100021124的专栏
10-18 1399
1.闭包 （是指函数变量可以被隐藏于作用域链之内，因此看起来是函数将变量“包裹”了起来）。 JavaScript函数的执行依赖于变量作用域，这个作用域是在函数定义时决定的，而不是函数调用事决定的。未了实现这种词法作用域，JavaScript函数对象的内部状态不仅包含函数的代码逻辑，还必须引用当前的作用域链。函数对象可以通过作用域链相互关联起来，函数题内部的变量都可以保存在函数作用域内，这种特性被
JavaScript——BOM快速入门
weixin_622464的博客
11-11 205
1. 概念： * Browser Object Model 浏览器对象模型 * 将浏览器的各个组成部分封装成对象。 2. 组成： * Window：窗口对象 * Navigator：浏览器对象 * Screen：显示器屏幕对象 * History：历史记录对象 * Location：地址栏对象 3. Window：窗口对象 1. 创建 2. 方法 1. 与弹出框有关的方法： alert() 显示带有一段消息和一个确认按钮的警告框。
js-window对象的方法和属性资料
weixin_34329187的博客
03-10 195
Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略windo...
Javaweb中JavaScript的window对象
小明的博客
12-05 1036
<head> <script type="text/javascript">javascript组成部分： EMCAScript（基本语法） BOM( Browser Object MOdel) 浏览器对象模型. 浏览器对象模型中把浏览器的各个部分都是用了一个对象进行描述，如果我们要 操作浏览器的一些属性，我就可以通过浏览器对象模型的对象进行操作。window 代表了一个新
✽js的快速入门5 window对象
m0_62836433的博客
09-19 207
BOM浏览器对象模型:是规范浏览器对js语言的支持（js调用浏览器本身功能）BOM的具体实现是window对象window对象使用。
window对象的属性和方法
Erosvan的博客
10-09 613
Window对象是客户端javascript最高层对象之一，只要打开浏览器窗口，不管该窗口中是否有打开的网页，当遇到BODY、FRAMESET或FRAME元素时，都会自动建立window对象的实例。另外，该对象的实例也可由window.open()方法创建。由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.do
JS window
swimming_in_IT_的博客
09-23 670
最近在学习JS，可能文档里面的东西都是我从别处拷贝和总结过来的，希望原著不要介意啊，我只是学习完了后，喜欢自己留个笔记而已，在以后不会或者遇到同样的问题自己查阅方便而已。 浏览器对象模型（BOM）是js能与浏览器对话。而且BOM目前尚无正式标准，由于现代浏览器几乎实现了js交互性方面的相同方法和属性，因此常被认为是BOM的方法和属性。 1,JS Window 1)Window对象，所有的
JS Window对象属性与方法详解
"这篇资料主要整理了JavaScript中的window对象，包括其属性和方法，适合学习JavaScript的朋友参考。" 在JavaScript中，window对象是全局对象，它代表浏览器的窗口。无论在何处定义，所有的变量、函数以及对象都是...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值