JavaScript的BOM对象

最新推荐文章于 2024-07-16 19:07:40 发布
最新推荐文章于 2024-07-16 19:07:40 发布
阅读量162 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WenLAi_A/article/details/112919568
版权

JavaScript的BOM对象

BOM

Bom是JavaScript的组成之一，他提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。她的作用是将相关的元素组织包装起来，提供给程序员设计人员使用，降低开发劳动量。
BOM是一个分层结构
BOM结构图

window对象

history对象

History对象用于操作浏览器访问过的URL信息
• 在这里插入图片描述

Go(-1) 相等于back()方法
Go(1) 相等于forward()方法

location 对象

location 对象
location对象用于操作浏览器当前访问的url信息
•
在这里插入图片描述

window对象的常用方法

直接输入1次#，并按下space后，将生成1级标题。输入2次#，并按下space后，将生成2级标题。以此类推，我们支持6级标题。有助于使用语法后生成一个完美的目录。

Confirm函数

在这里插入图片描述

open()函数

在这里插入图片描述

Document对象

在这里插入图片描述

Document对象的常用方法

在这里插入图片描述

JavaScript内置对象

Date对象

用于操作日期和时间
• 在这里插入图片描述

•

Math对象

用于执行常用的数学任务，它包含了若干个数字常量和函数
• 在这里插入图片描述

定时函数setTimeout
• 在这里插入图片描述

定时函数setInterval
• 在这里插入图片描述
清除定时函数1
• 在这里插入图片描述

清楚定时函数2
clearInterval()函数的使用和ClearTimeout()一样。

梦影`
关注
JS BOM对象
hbl020305的博客
08-09 652
JS BOM对象
javascript BOM对象详解
weixin_45856470的博客
04-27 137
javascript BOM对象相结 目标：本章节将分为9点详细介绍有关BOM对象的知识点 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window对象常见事件（页面加载事件和体调整窗口大小事件） 5.定时器（setTimeout()、setInterval()） 6.this指向问题 7.location对象 8.navigator对象 9.history对象 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window常用事件 a.页面或
【亡羊补牢】JS灵魂之问 第10期 BOM对象知多少
超逸の学习技术博客
09-07 392
引言 面试官：你知道BOM吗？ 我：我知道DOM… 面试官：好了，我没啥要问的了 我：… （上文仅供娱乐，并非真实场景） 仰望星空的人，不应该被嘲笑 BOM对象知多少 BOM，其实就是浏览器对象模型，比如浏览器前进，后退，刷新按钮，地址栏信息，关闭按钮，整个窗口等都是我们的浏览器对象，常见的有这几个对象： 1、window 对象 alert() confirm() prompt() setInterval() setTimeout() 2、location 对象（地址栏、关闭、跳转等） href
JavaScript BOM 对象详解
最新发布
xycxycooo的博客
07-16 717
在 JavaScript 编程中，BOM（Browser Object Model）是指浏览器对象模型，它提供了一组用于与浏览器窗口进行交互的对象。BOM 对象允许开发者控制浏览器的行为和获取浏览器的信息。本文将详细介绍 JavaScript 中的 BOM 对象，并通过丰富的示例帮助你更好地理解。通过本文的详细讲解，相信你已经对 JavaScript 中的 BOM 对象有了全面的了解。在实际编程中，合理使用 BOM 对象可以提高代码的效率和可读性。对象是 BOM 的核心对象，代表浏览器窗口或标签页。
JS中的BOM
小余的前端博客
04-08 1060
JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于JavaScript的对象字面量语法，但独立于任何编程语言。以一个用户登录验证的场景为例，当用户登录成功后，我们可能需要跳转到一个新的页面，例如用户的个人中心。这两个方法是在处理JSON数据时的核心方法，分别用于将JSON字符串解析成JavaScript对象和将JavaScript对象序列化成JSON字符串。前端路由的核心概念是在不触发页面刷新的情况下，修改URL并根据URL的变化来更新页面的内容。
【控制流】26、迭代循环（for）
野蛮薄荷
05-08 1053
文章目录一、什么是迭代循环二、range函数三、跳出和继续 一、什么是迭代循环 迭代循环语句 Python语言中的for语句实现了循环结构的第一种循环前提 for <循环变量> in <可迭代对象>： <语句块1> break #跳出循环 continue #略过余下循环语句 else: #迭代完毕，则执行 <语句块2> for循环语法 ①for、in和else都是“保留字” ②可迭代对象表示从这个
Python - for循环的本质，迭代器，可迭代对象
anchenhe9360的博客
07-26 180
参考 https://foofish.net/how-for-works-in-python.html for循环可以迭代一个可迭代(iterable)的对象 原理 生成这个可迭代对象(实现了__iter__方法的就叫可迭代对象)的迭代器(xx.__iter__())。 用迭代器协议(实现了__next__方法)去不断访问对象，捕捉到StopIteration就停止迭代。 好处 ...
JavaScript BOM操作 window对象的子级对象 示例代码
07-01
JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...
JavaScript bom操作 window对象的方法 示例代码
06-27
JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...
javascript操作BOM对象.docx
07-05
本文档主要介绍了 JavaScript 操作 BOM（ Browser Object Model）对象的相关知识点，包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
JavaScript中BOM对象原理与用法分析
12-11
在实际开发中，了解和熟练掌握BOM对象的使用对于创建动态、交互性强的Web应用程序至关重要。同时，学习JavaScript的DOM操作和事件处理也是提升Web前端开发能力的重要环节。通过不断实践和深入学习，可以更好地利用...
python学习之列表推导式和生成器表达式
偷窥者的博客
06-07 722
推导式格式variable = [out_exp_res for out_exp in input_list if out_exp ==2] # out_exp_res:列表生成元素表达式，可以是有返回值的函数 # for out_exp in input_list: 迭代input_list将out_exp传入out_exp_res # if out_exp == 2:根据条件过滤列表推导式例一...
js的BOM对象
weixin_43893437的博客
03-29 145
BOM对象有 screen location navigator history 1.screen有width height availHeight availWidth 2.location console.log(window.location); //window.location.href="http://www.baidu.com" // 可以切换网址 //window...
js的bom对象
ll123c的博客
03-28 234
bom(broswer object model) 浏览器对象模型 1.navigator对象 获取客户机的信息（也就是浏览器的信息） 使用navagator对象的appName()属性 2.screen对象 获取屏幕的信息（如屏幕的高度和宽度） 3.location对象 获取当前请求的url地址 使用location对象的href属性 <html> <...
js的Bom对象
qq_36594703的博客
08-09 334
js的Bom对象 bom:浏览器对象模型 有哪些对象？ navigator :获取客户机信息（浏览器信息） navigator.appName:显示浏览器名称 screen ：屏幕的信息 location ：请求url地址 href属性：1.获取请求的url地址2.设置url地址 history ：请求的url历史 到访问的上一个页面history.back();
js中的BOM对象
weixin_43489515的博客
03-28 309
一、介绍 BOM（Browser ObjectModel）游览器对象模型 是window对象的一个属性，window对象是全局对象，所有表达式都在当前环境中，window对象就是在游览器上打开的一个窗口 二、系统对话框 alert（） confirm（） 点击确认返回True 点击取消返回False prompt（） 参数有两个，第一个为提示的内容，第二个为输入框的内容 点击确认返回...
JavaScript 中的BOM对象
小罗的博客
08-05 1218
第一：包含大量的属性，localStorage、console、location、history、screenX、scrollX等等(大概60+个属性)在目前的开发中，JSON是一种非常重要的数据格式，它并不是编程语言，而是一种可以在服务器和客户端之间传输的数据格式。XML：在早期的网格传输中主要是使用XML来进行数据交换的，但是这种格式在解析，传输等各方面都很少在被使用了。对象值：由key、value组成、key是字符串类型，并且必须添加双引号，值可以是简单值、对象值、数组值；...
js中BOM对象
weixin_59017683的博客
12-20 499
window对象就是顶级对象。window对象的特点为：凡是window对象中的属性或方法，window顶级对象都可以省略不写。操作浏览器（通过js的方式实现浏览器中的某些功能）1.通过js的方式实现页面刷新效果2.通过js的方式实现浏览器中的上一页、下一页功能3.通过js的方式实现页面的跳转。
JavaScript BOM对象详解：跨浏览器差异与API概览
本文档主要探讨了JavaScript中的Browser Object Model (BOM)，即浏览器对象模型，这是一个与浏览器环境交互的关键部分，用于获取和操作网页的各种属性和功能。BOM关注的是浏览器窗口（window）及其相关对象，这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值