BOM

是浏览器对象

目录

是浏览器对象

BOM概述:

Windows常见的对象事件:

窗口加载事件:

传统方式:

新的加载方式:

回调函数:

调整窗口大小事件:

定时器setTimeout:

定时器setInterval()定时器:

this指向问题:

JS的执行队列:

同步任务和异步任务执行的机制:

location对象常见属性:

获取URL参数:

Location的常见方法:

navigator对象:

history对象:


BOM概述:

Windows常见的对象事件:

窗口加载事件:

该方式主要实现的是能够先将,HTML进行后,能够将JS对应起来。 使得JS的代码可以放在HTML代码的前面

传统方式:

新的加载方式:


回调函数:

定时器也叫回调函数(需要等待事件才会执行)

调整窗口大小事件:

window.innerWidth 获取当前屏幕的宽度

window.innerHeigt获取当前屏幕的高度

定时器setTimeout:

只会执行一次

在进行调用的时候windows可以进行省略

单位是毫秒

可以直接写入函数名,如果想用字符串的形式,需要加括号

可以将其赋值给一个实现多个定时器同时起作用的效果


停止定时器:

ID是名字(标识符)

定时器setInterval()定时器:

他是每隔一段时间就调用一次该函数


停止计时器:

null确定的是空对象



倒计时案例:

+new Date()是获取现在时间的总毫秒数

+new Date(TIME)TIME是用户输入的时间,获取到用户输入时间的总毫秒数

也可以使用Date.now()来获取

发短息,验证码的案例:

在这里需要注意的是button里面的内容是通过innerHTML实现改变的而不是value



this指向问题:

JS的执行队列:

JS是单线程的

同步任务和异步任务执行的机制:

因此,该代码输出的是:1,2,3


当有多个异步任务时:即异步任务进程处理机制:

会先进行同步任务,之后如果有回调函数会进行回调函数,但如果是事件(如点击,按键的等),会在回调函数后,但这个事件时可以重复进行的。

location对象常见属性:

herf主要是关于链接跳转的问题的

search主要是来接参数,数据的问题。

search可以获取先在链接里输入自己想要导向的之后,在location中的search中是可以体现的

也是可以获取传输的数据的

链接跳转案例:

location.herf获取的是当前页面的url但是可以,进行赋值跳转到自己想要导向的链接。 默认是新打开一个窗标签进行跳转

获取URL参数:

下面是数据(数据是location.search)参数的截取使用:方式有很多

同时就可以实现一个窗口多个HTML文件之间的交互效果,数据的传递效果

Location的常见方法:

assign这个跳转是在当前窗口标签的打开的,有后退功能

replace没有后退功能

navigator对象:

实现获取浏览器信息,适应性显示页面

match后是正则表达式。



history对象:

实现主动提供网址的前进和后退


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

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

makefile基础与实战编译C++项目

从源码到执行程序 makefile运行流程 :这个符号用于在执行的命令之前,通常会告诉make不要输出命令本身,只输出命令的结果。但是当它位于命令行的开头时,它通常会让Make静默执行该命令,即不在命令行中显示该命令&#xf…

MATLAB环境下基于机器学习的合成数据生成方法

合成数据是通过计算机程序人工生成的数据,而不是由真实事件生成的数据。采用合成数据来增加训练数据,可以节省数据采集费用,或满足隐私要求。随着计算能力的提高和云数据存储选项的崛起,合成数据比以往更容易获取。这无疑是一个积…

大数据信用评分40-60分,大概多久能涨回来?

大数据信用在现如今的贷前风控审核中有着重要的作用,不少人都遇到过申贷被大数据拒贷的情况,其中很多都是因为大数据评分不足,那大数据信用评分40-60分,大概多久能涨回来呢?本文就为大加详细介绍一下涨综合评分的方法和时间&…

C语言例3-25:逗号运算的例子

逗号运算符的优先级&#xff1a; 任何运算符 优先于 逗号运算符&#xff0c;即逗号运算符的优先级是最低的逗号运算符的结合性是从左至右 代码如下&#xff1a; #include<stdio.h> int main(void) {int a0,b1,c,d,e;// printf("c2,d3 的值&#xff1a;%d\n"…

探索极限:利用整数或字符串操作找出翻转后的最大数字

本篇博客会讲解力扣“1323. 6 和 9 组成的最大数字”的解题思路&#xff0c;这是题目链接。 对于这道题目&#xff0c;我会讲解2种解题思路&#xff0c;分别是直接操作整数&#xff0c;和利用字符串操作。希望大家通过本题学习关于整数和字符串的技巧。 显然&#xff0c;这道题…

一键部署灵境矩阵,属于自己的ai智能平台。

灵境矩阵 | 想象即现实 “灵境杯”智能体创意大赛&#xff0c;瓜分百万超级奖励 打造专属AI智能平台&#xff1a;一键部署灵境矩阵的无限可能 在数字化浪潮席卷全球的今天&#xff0c;人工智能技术已逐渐成为推动社会进步的关键力量。面对这一趋势&#xff0c;许多企业和个人…

113 链接集10--ctrl+左键单击多选

1.ctrl+左键单击多选,单击单选 精简代码 <div class="model-list"><div@mousedown.prevent="handleClick(item, $event)"class="model-list-item"v-for="item in modelList":key="item.id":class="{ model-a…

STM32最小核心板使用HAL库实现UART接口通讯(中断方式)

正式环境里需要串联电阻&#xff0c;或设计过滤电路。核心板是STM32F103C8T6 这里使用了UART3的接口&#xff0c;具体使用MX创建项目就不放了&#xff0c;百度下都有 /*USART3 GPIO ConfigurationPB10 ------> USART3_TXPB11 ------> USART3_RX */ 因为是串口…

eth uniswap 套利交易案例四

交易hash: 0x085843b47c0d1b0f820b80c166ea8dd2e3928876fb353d107e49dcf879cf8426 交易时间&#xff1a; 2024.02.29 获利&#xff1a; 196,284刀 balancer 借了 338个 weth&#xff0c; 然后和 0x3BA6A019eD5541b5F5555d8593080042Cf3ae5f4 交易用 282个weth 换了293个wste…

15届蓝桥杯第一期模拟赛所有题目解析

文章目录 &#x1f9e1;&#x1f9e1;t1_字母数&#x1f9e1;&#x1f9e1;问题描述思路代码 &#x1f9e1;&#x1f9e1;t2_大乘积&#x1f9e1;&#x1f9e1;问题描述思路代码 &#x1f9e1;&#x1f9e1;t3_星期几&#x1f9e1;&#x1f9e1;问题描述思路代码 &#x1f9e1;…

基于 Echarts + Python Flask ,我搭建了一个动态实时大屏监管系统

一、效果展示 1. 动态实时更新数据效果图 2. 鼠标右键切换主题 二、确定需求方案 支持Windows、Linux、Mac等各种主流操作系统&#xff1b;支持主流浏览器Chrome&#xff0c;Microsoft Edge&#xff0c;360等&#xff1b;服务器采用python语言编写&#xff0c;配置好python环…

CommonJs规范

文章目录 1. CommonJS 模块的导出2. CommonJS 模块的导入2.1使用 require 函数导入文件模块&#xff08;用户自定义&#xff09;2.2使用 require 函数导入核心模块&#xff08;Node.js 内置的模块&#xff09;2.3文件夹作为模块2.4模块的原理 在node中&#xff0c;默认支持的模…

js【详解】typeof 运算符

typeof()表示“获取变量的数据类型”&#xff0c;返回的是小写&#xff0c;语法为&#xff1a;&#xff08;两种写法都可以&#xff09; // 写法1 typeof 变量;// 写法2 typeof(变量); typeof 这个运算符的返回结果就是变量的类型。 返回结果&#xff1a; typeof 的代码写法…

参与者中心方案设计

参与者中心方案设计 ⼀、背景介绍 为适应客⼾多元化&#xff0c;随着业务发展&#xff0c;需要⽀持以平台为基础⽀持多租⼾企业⼊驻⽅式进⾏对外放。 1.1 需求来源 客⼾、产品 1.2 需求描述 ⽀持多租⼾ ⽀持客⼾⾃定义⻆⾊、菜单权限 ⽀持根据不同⻆⾊设置不同数据权限控…

<Linux> 生产者消费者模型

目录 前言&#xff1a; 一、什么是生产者消费者模型 &#xff08;一&#xff09;概念 &#xff08;二&#xff09;生产者消费者之间的关系 &#xff08;三&#xff09;生产者消费者模型特点 &#xff08;四&#xff09;生产者消费者模型的优点 二、基于阻塞队列实现生产…

Vue按需加载:提升应用性能的利器

&#x1f90d; 前端开发工程师、技术日更博主、已过CET6 &#x1f368; 阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1 &#x1f560; 牛客高级专题作者、打造专栏《前端面试必备》 、《2024面试高频手撕题》 &#x1f35a; 蓝桥云课签约作者、上架课程《Vue.js 和 E…

Golang 异步(bsd/linux)io

Golang 异步(bsd/linux)io 在日常开发中&#xff0c;读写文件的底层调用函数是syscall.Read/Write。一切都是围绕这两个函数展开的&#xff0c;不过有时候需要或者就是单纯想异步执行。liburing是linux上一个很好的原生异步io库&#xff0c;这里需要适配bsd派系的系统&#xf…

Kotlin runBlocking CoroutineScope synchronized简单死锁场景

Kotlin runBlocking CoroutineScope synchronized简单死锁场景 import kotlinx.coroutines.*fun main(args: Array<String>) {runBlocking {val lock1 Any()val lock2 Any()CoroutineScope(Dispatchers.IO).launch {repeat(10) {println("A-$it 申请 lock1...&quo…

[NCom]:CeO2上单原子 Pt用于 CO 氧化的记忆驱动动力学

摘要&#xff1a;CeO2上的铂族金属单原子代表了降低汽车尾气处理催化剂贵金属需求的潜在方法。在这里&#xff0c;我们展示了CeO2上两种类型的单原子 Pt (Pt1) 的动态演化&#xff0c;即Pt/CeO2中的吸附 Pt 1和PtATCeO2中的方形平面 Pt1&#xff0c;在 500 C 下制造&#xff0c…

金融知识分享系列之:KD指标

金融知识分享系列之&#xff1a;KD指标 一、KD指标二、KD指标计算三、KD指标原理四、KD指标应用 一、KD指标 KD信号提供入场的工具 名称&#xff1a;随机震荡指标参数&#xff1a;&#xff08;9,3,3&#xff09;组成&#xff1a;K线&#xff0c;D线&#xff0c;20轴&#xff0…