JavaScript Window对象

一、BOM(浏览器对象模型)

window对象是一个全局对象,也可以说是JavaScript中的顶级对象。

像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的。

所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法。

window对象下的属性和方法调用的时候可以省略window。


二、定时器 - 延时函数

JS中内置的一个用来让代码延迟执行的函数,叫setTimeout。

setTimeout仅仅只执行一次,所以可以理解为就是把一段代码延迟执行,平时省略window。

清除延时函数:

例子:5秒钟之后广告自动消失


三、JS执行机制

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

这是因为Javascript 这门脚本语言诞生的使命所致。javaScript 是为处理页面中用户的交互,以及操作DOM 而诞生的。比如我们对某个 DOM 元素进行添加和删除操作,不能同时进行。应该先进行添加,之后再删除。

单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。

1、先执行执行栈中的同步任务。

2、异步任务放入任务队列中。

3、一旦执行栈中的所有同步任务执行完毕,系统就会按次序读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。

由于主线程不断的重复获得任务、执行任务、再获取任务、再执行,所以这种机制被称为事件循环(event loop)。


四、location对象

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

常用属性和方法:
herf属性获取完整的URL地址,对其赋值时用于地址的跳转。

例子:5秒钟后自动跳转页面

search属性获取地址中携带的参数,网址的符号?后面部分。

hash属性获取地址中的哈希值,网址的符号#后面的部分

reload方法用来刷新当前页面,传入参数true时表示强制刷新。


五、navigator对象

navigator的数据类型是对象,该对象下记录了浏览器自身的相关信息。

常用属性和方法:

通过userAgent检测浏览器的版本及平台


六、history对象

history的数据类型是对象,主要管理历史记录,该对象与浏览器地址栏的操作相对应,如前进、后退、历史记录等。

常用属性和方法:

history对象一般在实际开发中比较少用,但是会在一些OA办公系统中见到。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/14297.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

GitLab的原理及应用详解(四)

本系列文章简介: 随着软件开发的不断进步和发展,版本控制系统成为了现代软件开发过程中不可或缺的一部分。而GitLab作为其中一种流行的版本控制工具,在软件开发领域享有广泛的应用。GitLab不仅提供了强大的版本控制功能,还集成了项…

四川古力科技抖音小店,创新科技点亮购物新体验

在这个数字化浪潮汹涌的时代,四川古力科技以其前瞻性的战略眼光和创新能力,闪耀于抖音小店这片电商新蓝海,开启了未来购物的新纪元。作为一家集技术研发、产品创新、市场营销于一体的科技型企业,古力科技不仅为消费者带来了前所未…

idea中显示git的Local Changes

1. 第一打开idea中的Settings文件 2. 找到Version Contro中的commint 3. 取消勾选应用即可 4. 本地提交就会显示出来

ruoyi出现的那些bug

1、 npm install --registryhttps://registry.npm.taobao.org/element-ui request to https://registry.npm.taobao.org/element-ui failed, reason: certificate has expired 路径错误 ​ npm install https://registry.npmmirror.com 2、自定义模块401 {"msg"…

Google Earth Engine(GEE)深度学习入门教程-Python数据读入篇

Python数据读入篇 前置条件: GEE预处理影像导出保存为tfrecord的数据包,并下载到本地tensorflow的深度学习环境 本篇文章的目的主要是把Tfrecord格式的数据加载为tf可使用的数据集格式 设定超参数 首先需要设定导出时的波段名称和数据格式&#xff…

Java日期时间差计算-Hutool 多少天多少时多少分多少秒

在Java中,使用Hutool库来计算两个日期之间具体相差的天数、小时数、分钟数和秒数,可以通过一系列步骤实现。这里提供一个示例代码,演示如何完成这个需求: 首先,确保你的项目中已添加Hutool依赖,如之前所述…

ARTS Week 30

Algorithm 本周的算法题为 747. 至少是其他数字两倍的最大数 给你一个整数数组 nums ,其中总是存在 唯一的 一个最大整数 。 请你找出数组中的最大元素并检查它是否 至少是数组中每个其他数字的两倍 。如果是,则返回 最大元素的下标 ,否则返回…

SpringBoot集成Logback将日志写入文件夹

一、logback简介: 目前比较常用的ava日志框架:Logback、log4j、log4j2、JUL等等。 Logback是在log4j的基础上重新开发的一套日志框架,是完全实现SLF4J接口API(也叫日志门面)。 Logback 的架构非常通用,可以应用于不同的环境。目前logback分为…

LeetCode题练习与总结:从前序与中序遍历序列构造二叉树--105

一、题目描述 给定两个整数数组 preorder 和 inorder ,其中 preorder 是二叉树的先序遍历, inorder 是同一棵树的中序遍历,请构造二叉树并返回其根节点。 示例 1: 输入: preorder [3,9,20,15,7], inorder [9,3,15,20,7] 输出: [3,9,20,nul…

什么是经典蓝牙模块?

什么是经典蓝牙模块?   前面我们已经就蓝牙模块的概念做了了解,随着时间的推移,产品越来越智能,需要的蓝牙模块也就越来越广泛,本篇文章我们就一起了解下什么是经典蓝牙模块。   经典蓝牙模块(BT)泛指支持蓝牙协议…

SwiftUI中的手势(DragGesture拖拽手势及Drag动画组件)

上一篇文章我们了解了如何使用.gesture修饰符和GestureState属性包装器,让我们看看另一种常见的手势:DragGesture拖拽手势。 下面先看个效果图: 这个效果中,我们实现了一个Text文本,并添加了拖拽手势,可以…

代码随想录算法训练营第三十八天| 435. 无重叠区间 、763.划分字母区间、56. 合并区间

435. 无重叠区间 题目链接:435. 无重叠区间 文档讲解:代码随想录/无重叠区间 视频讲解:视频讲解-无重叠区间 状态:已完成(1遍) 解题过程 看到题目的第一想法 这道题我的想法是首先将集合按照start从小到…

看上去好坑的运算符重载

#include <iostream> using namespace std; class MyInt {int nVal; public:MyInt(int n) { nVal n};MyInt & operator-(int n){ //运算符重载-nVal - n;return *this; } operator int() {return nVal;} //类型转换函数};int Inc(int n){return n1; }int ma…

代码随想录训练营|一刷总结

代码随想录一刷完成啦&#xff01;&#xff01;&#xff01; 自己曾经尝试过刷力扣&#xff0c;但是却不知道从何刷起、按什么顺序刷题&#xff0c;直到遇到了卡哥、遇到了代码随想录。研一上有着刷题的决心&#xff0c;但是却没有刷题的动力很难坚持下去&#xff0c;所以也就只…

【削水果game】

编写一个完整的削水果游戏代码是一个复杂的过程&#xff0c;涉及到游戏引擎的使用和游戏逻辑的编写。在这里&#xff0c;我可以提供一个非常简化的版本&#xff0c;使用Python和Pygame库来创建一个基本的削水果游戏概念。请注意&#xff0c;这只是一个示例&#xff0c;用于展示…

Flutter Text导致A RenderFlex overflowed by xxx pixels on the right.

使用Row用来展示两个Text的时候页面出现如下异常,提示"A RenderFlex overflowed by xxx pixels on the right." The following assertion was thrown during layout: A RenderFlex overflowed by 4.8 pixels on the right.The relevant error-causing widget was:…

【仿RabbitMQ消息队列项目day2】使用muduo库中基于protobuf的应用层协议进行通信

一.什么是muduo? muduo库是⼀个基于非阻塞IO和事件驱动的C高并发TCP网络编程库。 简单来理解&#xff0c;它就是对原生的TCP套接字的封装&#xff0c;是一个比socket编程接口更好用的编程库。 二.使用muduo库完成一个英译汉翻译服务 TranslateServer.hpp: #pragma once #in…

MyBatis中Where标签:揭秘高效SQL构建的秘密

哈喽&#xff0c;大家好&#xff0c;我是木头左&#xff01; 理解Where标签的基础概念 在MyBatis中&#xff0c;<where>标签是用于构建SQL查询语句中的一个非常重要的元素。它允许你在一个动态的SQL语句中添加WHERE子句&#xff0c;而不需要担心SQL语法错误或额外的逗号…

如何利用51建模网,实现3D模型线上展示和应用?

按照下面的步骤&#xff0c;在51建模网上传3D模型&#xff0c;并编辑完成后&#xff0c;接下来就是如何让这些3D模型得到更好的展示、传播和应用。 一、3D内容快速分享与传播 3D模型在51建模网上传发布后&#xff0c;即可获得一个可分享的链接和二维码&#xff0c;直接分享给客…

20240520解决在Ubuntu20.04下编译RK3588的Android12的SDK出现C2_GIT_BUILD_VERSION未定义的问题

20240520解决在Ubuntu20.04下编译RK3588的Android12的SDK出现C2_GIT_BUILD_VERSION未定义的问题 2024/5/20 20:19 缘起&#xff1a;通过./repo/repo/repo sync -l得到的SDK正常&#xff0c;但是解压缩之后的SDK却出错了&#xff01; 通过grep很容易发现有三个地方有&#xff0c…