Web API之BOM

news2024/12/28 23:03:21

BOM

  • 一、window的常见事件
    • 1.窗口加载事件
    • 2. 调节窗口大小事件
  • 二、定时器
    • 1.setTimeout( , )
    • 2.setInterval()
    • 3.发送短信例子
    • 4.this指向问题
  • 三、js执行机制
  • 四、location对象
    • 1.常见属性
    • 2.例子、
    • 3.常见方法
  • 五、navigator对象
  • 六、history对象

简介:
BOM是浏览器对象模型,缺乏标准,兼容性较差
全局作用域中的变量和函数会变成window对象的属性和方法
一个特殊属性window.name
在这里插入图片描述
在这里插入图片描述

一、window的常见事件

1.窗口加载事件

可以不考虑上下位置顺序问题
在这里插入图片描述
在这里插入图片描述

2. 调节窗口大小事件

window.innerWidth可获得当前屏幕宽度
在这里插入图片描述

二、定时器

单位ms

1.setTimeout( , )

在这里插入图片描述
在这里插入图片描述
例子、5S后自动关闭广告

在这里插入图片描述
清除setTimeout()定时器
clearTimeout()
在这里插入图片描述

2.setInterval()

在这里插入图片描述

例子、京东倒计时
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
清除setInterval()定时器
clearInterval()
在这里插入图片描述

3.发送短信例子

在这里插入图片描述
在这里插入图片描述

4.this指向问题

在这里插入图片描述

三、js执行机制

js本来是单线程,但是效率慢
HTML5提出Web Worker标准,js出现了同步和异步
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

四、location对象

URL是地址
在这里插入图片描述

1.常见属性

herf是整个URL
search是键值对
在这里插入图片描述

2.例子、

1.5s后跳转页面
在这里插入图片描述
2.获取URL参数
数据在不同页面的相互传递
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

3.常见方法

在这里插入图片描述

五、navigator对象

判断移动端还是pc端,实现跳转
在这里插入图片描述

六、history对象

OA办公系统中常见
与浏览器历史记录进行交互
在这里插入图片描述

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

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

相关文章

python数据分析中数据可视化简单入门

1.折线图表 首先引入相关包pyecharts,如果没下载可以先下载 pip install pyecharts from pyecharts.charts import Lineline Line() # 添加x轴 line.add_xaxis([呱了个呱,羊村,牟多,蜂地,喵帕斯]) # 添加y轴 line.add_yaxis("GDP",[50,30,40,34,63,22])…

我发现不少培训班的就业辅导老师,简直是面试官的卧底——再论培训班学员的就业方式(java方向)

本人知乎账号同公众号:老胡聊Java,欢迎留言并咨询 我最近在帮一些朋友做java方面的就业辅导,其中有些朋友是经过培训班加持后入行java的。由于我本人做过一些大厂和外企的java技术面试官,我发现其中一些朋友的简历甚至根本没法通过…

基于Spring Boot的学生在线答疑系统设计与实现

基于Spring Boot的学生在线答疑系统设计与实现 开发语言:Java框架:springbootJDK版本:JDK1.8数据库工具:Navicat11开发软件:eclipse/myeclipse/idea 系统部分展示 管理员登录界面 教师登陆界面 问题发布信息界面&am…

word中取消分页符或分段符前后的空格

在Word中,有时候,我们添加分页符后,从分页符后面的文字就全部掉到了下一页,那么如何避免呢? 选择word选项--高级,然后下滑到下面,将“取消分页符或分段符前后的空格”选中,如下图所…

Java:Map和Set

一、搜索树 在真正学习Map和Set之前,我们有必要先来了解一种树型结构:二叉搜索树! 1、概念 二叉搜索树又被称为【二叉排序树】,顾名思义,这是一颗排好序的树!它或者是一颗空树,或者是具有以下性…

未来人类文明的可持续发展

未来人类文明若要实现永远延续,建立一个演化模型确实是一个有远见的想法。演化模型可以帮助我们预测和规划未来,从而更好地应对可能出现的挑战。以下是对这个想法的展开论述: 建立演化模型:首先,我们需要收集当前节点的人类文明数据,包括科技、经济、政治、文化、环境等方…

C语言【文件操作】(1)

文章目录 1.为什么使用文件2.文件是什么?2.1程序文件2.2数据文件 3.二进制文件和文本文件4.文件的打开和关闭4.1流和标准流流标准流 4.2文件指针4.3文件的打开和关闭 结语 1.为什么使用文件 很简单 长久的存储数据 如果没有文件,我们写程序所产生的数据…

【Docker】如何注册Hub账号并上传镜像到Hub仓库

一、创建Hub账户 浏览器访问:hub.docker.com 点击【Sign up】注册账号 输入【邮箱】【用户名】【密码】 ps:用户名要有字母数字;订阅不用勾选 点击【Sign up】注册即可 点击【Sign in】登录账号 输入【邮箱】【密码】 点击【Continue】登录 二…

OceanBase 轻量级数仓关键技术解读

码到三十五 : 个人主页 为了更好地聚合和治理跨域数据,帮助企业用较低的成本快速聚合分析,快速决策,不断的让企业积累的数据产生价值,从全域海量数据抓取,高性能流批处理,元数据血缘治理等等方面…

spring高级篇(八)

本篇对Spring MVC 的执行流程做一个简单总结 MVC执行流程总结 当浏览器发送一个请求,例如http://localhost:8080/hello,请求到达服务器后,一般会进行如下操作: 1、首先会经过DispatcherServlet,默认映射路径为 /&…

WAF防火墙可以给您解决什么问题?哪些情况下使用WAF最适合?

一、什么是WAF? Web应用防护系统(也称为:网站应用级入侵防御系统。英文:Web Application Firewall,简称:WAF)。利用国际上公认的一种说法:Web应用防火墙是通过执行一系列针对HTTP/H…

Vulnstack(一)

0x00 Preface 网上有很多关于 Vulnstack(一) 的优质文章,本篇文章仅用于记录笔者自身的学习过程。因能力有限,过程中多多少少存在不完善的地方或是未解决的问题,日后有机会会补充上。 内网渗透基础总结:手…

《从Paxos到Zookeeper》——第四、七章:基本概念及原理

目录 第四章 Zookeeper与Paxos 4.1 Zk是什么 4.1.1 Zk特性 4.1.2 Zk基本概念 4.1.2.1 集群角色(Follower, Leader, Observer) 4.1.2.2 数据模型 4.1.2.3 ZNode(数据节点) 4.1.2.4 Session(会话) 4.1.2.5 ACL(Access Control Lists) 4.1.2.6 Watcher(事件…

网安笔记(纯兴趣,随缘更新)

对于千锋教育的网安课程的笔记 (一)虚拟机环境搭建 01虚拟机概述 传统运行模式:一台计算机同时只能运行一个操作系统 虚拟机运行架构: 1.寄生架构 (实验环境、测试环境) • 虚拟机作为应用软件安装在操作系统上 • 可以在此应用软件上安装多个操作系统…

AI终端设备的自动化分级

摘要: AI智体被定义为感知环境、做出决策和采取行动的人工实体。 受SAE(汽车工程师学会)自动驾驶6个级别的启发,AI智体也根据效用和强度进行分类,分为以下几个级别: L0——无AI,有工具&#xf…

Mac上的数字足迹助手,myTracks一键管理!

myTracks for Mac是一款在macOS系统上运行的强大且易于使用的GPS跟踪软件应用程序。它专为户外探险家、运动爱好者和旅行者设计,可以帮助用户轻松记录和管理GPS轨迹、航点和地理标记照片。 首先,myTracks具有出色的GPS轨迹记录功能。它能够从各种设备&a…

Linux课程机房虚拟机

Linux课程机房虚拟机 机房虚拟机(默认不能联网的): 百度网盘:https://pan.baidu.com/s/1WqSvqB3Y7b_D4690CDBlJA?pwdaugc 123网盘:https://www.123pan.com/s/tQ0UVv-LiolA.html提取码:F4xm ‍ 联网使用说明&…

AI智能体|使用扣子Coze创建AI绘画助手

大家好,我是无界生长。 昨天我们分享了《AI智能体|使用扣子Coze创建AI绘画工作流》,今天分享下如何使用Coze(扣子)创建AI绘画助手,调用之前创建的绘画工作流。学会了的话,欢迎分享转发&#xff…

Qt模型视图代理之QTableView应用的简单介绍

往期回顾 Qt绘图与图形视图之绘制带三角形箭头的窗口的简单介绍-CSDN博客 Qt绘图与图形视图之Graphics View坐标系的简单介绍-CSDN博客 Qt模型视图代理之MVD(模型-视图-代理)概念的简单介绍-CSDN博客 Qt模型视图代理之QTableView应用的简单介绍 一、最终效果 二、设计思路 这里…

《LTC与铁三角∶从线索到回款-人民邮电》关于铁三角不错的论述

《LTC与铁三角∶从线索到回款-人民邮电》一书中,关于铁三角不错的论述,收藏之:客户责任人的角色定义及核心价值 AR 的核心价值定位主要体现在三个方面:客户关系、 客户满意度、竞争对手 “ 压制 ” 。 维护客户关系&#x…