当前位置：首页 > news >正文

WEB前端06-BOM对象

news 文章来源：https://blog.csdn.net/XYX_888/article/details/140491069 2025/2/7 12:44:16

BOM浏览器对象模型

浏览器对象模型：将浏览器的各个组成部分封装成对象。是用于描述浏览器中对象与对象之间层次关系的模型，提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。

组成部分

Window：浏览器窗口对象
Navigator：浏览器对象
Screen：屏幕对象
History：历史记录对象
Location：地址栏对象

Window窗口对象

window对象是一个全局对象，因此可以直接使用全局对象的属性和方法，而无须写出全局对象的对象名。 window对象在某种意义上代表了浏览器本身，它包含了大量关于浏览器的属性

* Window对象不需要创建可以直接使用 window使用。 window.方法名();
* window引用可以省略。  方法名();

1.常用属性

1. 获取其他BOM对象: history,location,Navigator,Screen
2. 获取DOM对象: document

2.常用方法

3.常用方法详解

对话框方法

对话框是跟用户进行交流的一种形式，对话框有提示、选择和获取信息的功能。JavaScript提供了三种标准的对话框，分别是弹出对话框、选择对话框和输入对话框。

方法	描述
alert()	弹出一个只包含确定的对话框
confirm()	弹出一个包含【确定】和【取消】按钮的对话框，如果单击【确定】，则返回true，如果单击【取消】，则返回false
prompt()	弹出一个包含【确定】按钮、【取消】按钮和一个文本框的对话框，可以接收用户输入的信息。如果单击【确定】，则返回文本框已有内容，如果单击【取消】，则返回null

窗口打开与关闭方法

方法	描述
open()	打开一个新window对象； open(“URL”)表示要指定打开的窗口； open()方法会返回一个表示新窗口的window对象
close()	关闭调用close方法的window窗口对象

定时器方法

setInterval-----周期性的执行某一个函数

let id = setInterval(方法对象, 毫秒值)
//会返回定时器的id值

setTimeout-----延迟时间执行一次函数

let id = setTimeout(方法对象, 毫秒值)
//会返回定时器的id值

clearInterval()-----取消由 setInterval() 设置的 timeout

clearInterval(id);

clearTimeout()-----取消由 setTimeout() 方法设置的 timeout。

clearTimeout(id);

案例：轮播图

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>轮播图</title>
</head><body><img src="image/banner_1.jpg" id="banner" width="100%"><script>let num = 1;setInterval(change, 3000);function change() {num++;if (num === 4) {num = 1;}let str = "image/banner_" + num + ".jpg";document.getElementById("banner").src = str;}</script>
</body></html>

Location地址栏对象

常用方法

location.reload();//重新加载当前文档,刷新页面

常用属性

获取地址
location.href
//作用：跳转地址
location.href=“www.baidu.com”

案例：自动跳转

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>跳转首页</title><style>p {text-align: center;font-size: 30px;}.time {color: red;}</style>
</head>
<body><p><span class="time" id="time">5</span>秒后自动跳转首页</p><script>let count = 5;let t = document.getElementById("time");setInterval(change, 1000);function change() {count--;t.innerHTML = count;if (count == 1) {location.href = "https://www.baidu.com";}}</script>
</body>
</html>

History：历史记录对象

history对象只是表示在当前页面下访问了几个窗体，并不是指浏览器的历史记录

常用方法：

* back()	 加载 history 列表中的前一个 URL。
* forward()	 加载 history 列表中的下一个 URL。
* go(参数)    加载 history 列表中的某个具体页面。
正数：前进几个历史记录
负数：后退几个历史记录

常用属性：

length	返回当前窗口历史列表中的 URL 数量。

WEB前端06-BOM对象

BOM浏览器对象模型浏览器对象模型：将浏览器的各个组成部分封装成对象。是用于描述浏览器中对象与对象之间层次关系的模型，提供了独立于页面内容、并能够与浏览器窗口进行交互的对象结构。组成部分 Window：浏览器窗口对象 Navigator&…...

编程日记 2024/7/22 21:25:22

Android11 framework 禁止三方应用开机自启动

Android11应用自启动限制大纲 Android11应用自启动限制分析验证猜想：Android11 AOSP是否自带禁止三方应用监听BOOT_COMPLETED方案禁止执行非系统应用监听到BOOT_COMPLETED后的代码逻辑在执行启动时判断其启动的广播接收器一棍子打死方案（慎用&#…...

编程日记 2024/7/22 21:22:17

Java | Leetcode Java题解之第263题丑数

题目： 题解： class Solution {public boolean isUgly(int n) {if (n < 0) {return false;}int[] factors {2, 3, 5};for (int factor : factors) {while (n % factor 0) {n / factor;}}return n 1;} }...

编程日记 2024/7/22 21:20:15

将AWS RDS MySQL实例从存储未加密改为加密的方案

问题描述： 因为AWS RDS官方文档【1】中已经明确说明，MySQL RDS的存储为EBS卷，用KMS进行RDS加密有如下限制： 您只能在创建RDS的时候，选择加密。对于已经创建的RDS实例，您无法将为加密的实例，直…...

编程日记 2024/7/22 21:18:12

nginx的配置：TLSv1 TLSv1.1 被暴露不安全

要在 Nginx 配置中禁用不安全的 SSL 协议（如 TLSv1 和 TLSv1.1），并仅启用更安全的协议（如 TLSv1.2 和 TLSv1.3），您可以更新您的 Nginx 配置文件。下面是一个示例配置： # 位于 Nginx 配置文件 (…...

编程日记 2024/7/22 21:09:04

揭开黑箱：目标检测中可解释性的重要性与实现

揭开黑箱：目标检测中可解释性的重要性与实现在深度学习的目标检测任务中，模型的准确性虽然重要，但模型的决策过程是否透明也同样关键。可解释性（Explainability）是指模型能够为其预测结果提供清晰、可理解的解释。本…...

编程日记 2024/7/22 21:08:03

Mysql高价语句

一.高级语法的查询语句 1.排序语法（默认的排序方式就是升序）。升序ASC：select * from test01 order by name; 降序DESC：select * from test01 order by name desc; 多个列排序：以多个列作为排序，只有第一…...

编程日记 2024/7/22 21:07:02

ArcGIS Pro SDK （九）几何 6 包络

ArcGIS Pro SDK （九）几何 6 包络文章目录 ArcGIS Pro SDK （九）几何 6 包络1 构造包络2 构造包络 - 从 JSON 字符串3 合并两个包络4 与两个包络相交5 展开包络6 更新包络的坐标环境：Visual Studio 2022 .NET6 ArcGI…...

编程日记 2024/7/22 21:06:00

单链表＜数据结构 C版＞

目录概念链表的单个结点链表的打印操作新结点的申请尾部插入头部插入尾部删除头部删除查找在指定位置之前插入数据在任意位置之后插入数据测试运行一下： 删除pos结点删除pos之后结点销毁链表概念单链表是一种在物理存储结构上非连续、非顺序…...

编程日记 2024/7/22 21:03:58

监控电脑进程，避免程序在打开前就已经在运行

文章目录一、文章的目的（适用于windows）二、处理方式三、进程查看的内容在窗口端的演示四、附上代码例子四、通过os.kill的方式，再回到原来的表格时，会出现如下错误提示： 一、文章的目的（适用于windows&am…...

编程日记 2024/7/22 21:01:57

【MySQL进阶篇】存储对象：视图、存储过程及触发器

一、视图 1、介绍视图（view）是一种虚拟存在的表。视图中的数据并不在数据库中实际存在，行和列数据来定义视图的查询中使用的表（基表），并且是在使用视图时动态生成的。通俗的讲，视图只保存了…...

编程日记 2024/7/22 21:00:56

算法day05 master公式估算递归时间复杂度归并排序小和问题堆排序

2.认识O(NlogN)的排序_哔哩哔哩_bilibili master公式有这样一个数组：【0，4，2，3，3，1，2】；假设实现了这样一个sort()排序方法， 将数组二分成左右两等分，使用so…...

编程日记 2024/7/22 20:59:54

基于jeecgboot-vue3的Flowable流程仿钉钉流程设计器-支持VForm3表单的选择与支持

因为这个项目license问题无法开源，更多技术支持与服务请加入我的知识星球。 1、初始化的时候加载表单 /** 查询表单列表 */ const getFormList () > {listForm().then(res > formOptions.value res.result.records) } 2、开始节点的修改，增加表…...

编程日记 2024/7/22 20:56:52

【刷题汇总 -- 压缩字符串(一)、chika和蜜柑、 01背包】

C日常刷题积累今日刷题汇总 - day0181、压缩字符串(一)1.1、题目1.2、思路1.3、程序实现 2、chika和蜜柑2.1、题目2.2、思路2.3、程序实现 3、 01背包3.1、题目3.2、思路3.3、程序实现 -- dp 4、题目链接今日刷题汇总 - day018 1、压缩字符串(一) 1.1、题目 1.2、思路读完…...

编程日记 2024/7/22 20:53:49

《Exploring Aligned Complementary Image Pair for Blind Motion Deblurring》

这篇论文的标题《Exploring Aligned Complementary Image Pair for Blind Motion Deblurring》可以翻译为《探索对齐的互补图像对用于盲运动去模糊》。从标题可以推断，论文的焦点在于开发一种算法或技术，利用成对的图像来解决运动模糊问题，特别是在不知道模糊核（即造成模糊…...

编程日记 2024/7/22 20:51:47

vue2学习笔记9 - 通过观察vue实例中的data,理解Vue中的数据代理

接着上一节，学一学vue中的数据代理。学vue这几天，最大的感受就是，名词众多，听得发懵。。不过，深入理解之后，其实说得都是一回事。在Vue中，数据代理是指在实例化Vue对象时，将data对…...

编程日记 2024/7/22 20:45:42

04 Git与远程仓库

第4章：Git与远程仓库一、Gitee介绍及创建仓库一）获取远程仓库使用在线的代码托管平台，如Gitee（码云）、GitHub等自行搭建Git代码托管平台，如GitLab 二）Gitee创建仓库 gitee官…...

编程日记 2024/7/22 20:42:39

一.新建表： mysql> create table t_worker(-> department_id int(11) not null comment部门号,-> worker_id int(11) primary key not null comment职工号,-> worker_date date not null comment工作时间,-> wages float(8,2) not null comment工资,…...

编程日记 2024/7/22 20:41:38

String 和StringBuilder字符串操作快慢的举例比较

System.currentTimeMillis(); //当前时间与1970年1月1日午夜UTC之间的毫秒差。public class HelloWorld {public static void main(String[] args) {String s1 "";StringBuilder s2 new StringBuilder("");long time System.currentTimeMillis();long s…...

编程日记 2024/7/22 20:40:37

Java代码基础算法练习-竞猜卡片值-2024.07.22

任务描述： 小米和小王玩竞猜游戏：准备7张卡片包含数字2、3、4、5、6、7、8，从中抽出2张（有顺序之分，抽2、3跟抽3、2是两种情况），猜2张卡片的和，如果是奇数，则猜对。小米…...

编程日记 2024/7/22 20:39:35

Python爬虫-淘宝搜索热词数据

前言本文是该专栏的第70篇，后面会持续分享python爬虫干货知识，记得关注。在本专栏之前，笔者有详细针对“亚马逊Amazon搜索热词”数据采集的详细介绍，对此感兴趣的同学，可以往前翻阅《Python爬虫-某跨境电商(AM)搜索热词》进行查看。而在本文，笔者将以淘宝为例，获取…...

编程日记 2024/7/22 20:37:33

Leetcode二分搜索法浅析

文章目录 1.二分搜索法1.1什么是二分搜索法？1.2解法思路1.3扩展 1.二分搜索法题目原文： 给定一个 n 个元素有序的（升序）整型数组 nums 和一个目标值 target ，写一个函数搜索 nums 中的 target，如果目标值…...

编程日记 2024/7/22 20:35:31

昇思25天学习打卡营第24天|ResNet50迁移学习

课程打卡凭证迁移学习迁移学习是机器学习中一个重要的技术，通过在一个任务上训练的模型来改善在另一个相关任务上的表现。在深度学习中，迁移学习通常涉及在一个大型数据集（如ImageNet）上预训练的模型上进行微调，以便…...

编程日记 2024/7/22 20:32:28

Shell 构建flutter + Navtive 生成IPA

具体实现： #1. 在工程的根目录下，建立文件夹build_iOS文件，在此文件下建立build_iOS.sh的文件，把以下内容copy进sh文件；build_iOS.sh 就是第5步之后整个的脚本内容。 #2. 进入build_iOS.sh 文件的目录； #3. 在build_iOS 文件夹配置打包的DEVELOPExportOptionsPlist…...

编程日记 2024/7/22 20:31:28