JavaScript BOM

最新推荐文章于 2024-07-16 19:07:40 发布
最新推荐文章于 2024-07-16 19:07:40 发布
阅读量124 收藏
点赞数 1
分类专栏： JavaScript 文章标签： javascript
MW
本文链接：https://blog.csdn.net/qq_42222342/article/details/105146553
版权

JavaScript BOM

浏览器对象模型（Browser Object Model (BOM)）允许 JavaScript 与浏览器对话。
浏览器对象模型（Browser Object Model (BOM)）
不存在浏览器对象模型（BOM）的官方标准。
现代的浏览器已经（几乎）实现了 JavaScript 交互相同的方法和属性，因此它经常作为 BOM 的方法和属性被提到。

系统对话框

window方法

浏览器可以通过alert（）、confirm（）和prompt（）方法可以调用系统对话框向用户显示信息。

alert（） 弹出警告框

confirm（）弹出一个带确定和取消的提示框

返回值：
如果点击确认，返回true
如果点击取消返回false

prompt()弹出一个带输入框的提示框

参数：
第一个参数：面板上显示的内容
第二个参数：输入框里面的默认（可以不传入）
返回值：
点击确定，返回输入框中的内容
点击取消，放回null

实践

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>BOM</title>
    <script>
        alert("MW");//直接弹出警告框
        var res=confirm("你确认离开吗？");
        document.write(res+"<br/>");
        var res1=prompt("请输入最大值",100);
        document.write(res1);
    </script>
</head>
<body>
</body>
</html>

效果图

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

还有一些其他方法

window.open() - 打开新窗口
window.close() - 关闭当前窗口
window.moveTo() -移动当前窗口
window.resizeTo() -重新调整当前窗口

MW0309
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript BOM操作
brokyz
06-30 687
BOM （Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netspace 浏览器标准的一部分。window 对象是浏览器的顶级对象，它具有双重角色。在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如
JavaScript BOM笔记
Kami丶
09-22 273
BOM BOM的概念 BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 我们在浏览器中的一些操作都可以使用BOM的方式进行编程处理，比如：刷新浏览器、后退、前进、在浏览器中输入URL等 BOM的顶级对...
JavaScript BOM 对象详解
最新发布
xycxycooo的博客
07-16 658
在 JavaScript 编程中，BOM（Browser Object Model）是指浏览器对象模型，它提供了一组用于与浏览器窗口进行交互的对象。BOM 对象允许开发者控制浏览器的行为和获取浏览器的信息。本文将详细介绍 JavaScript 中的 BOM 对象，并通过丰富的示例帮助你更好地理解。通过本文的详细讲解，相信你已经对 JavaScript 中的 BOM 对象有了全面的了解。在实际编程中，合理使用 BOM 对象可以提高代码的效率和可读性。对象是 BOM 的核心对象，代表浏览器窗口或标签页。
javascript BOM
weixin_51474815的博客
02-09 228
javascript BOM bom简介 BOM是浏览器对象模型 学完DOM，你有没有觉得BOM与DOM应该会有什么联系呢，没错，我们先来看一看DOM与BOM的定义吧 DOM 文档对象模型，DOM就是把文档当做一个对象来看待，DOM的顶级对象是document，DOM主要学习的是操作页面元素 BOM 浏览器对象模型，把浏览器当做一个对象来看待，BOM的顶级对象是window,BOM主要学习的是浏览器窗口交互的一些现象 是不是可以看出联系 BOM比DOM更大DOM包含在BOM里面(window:win
Javascript BOM 思维导图
Jeyaker的博客
09-14 673
JavaScript BOM操作(超详细)
wu_ry的博客
03-13 1346
由于window对象是全局对象，所以在使用window对象的属性和方法时，window可以省略不写.例如，之前直接使用的alert()方法、confirm()方法及prompt()方法的用法、本节主要讲解open()方法和close()方法，JavaScript定时函数会在后面中详细介绍。设置间谒调用的方法是setInterval(),接收的参数与setTimeout()方法相同，为要执行的代码和每次执行之前需要等待的毫秒数。可以通过数组的名称和下标直接访问数组的元素，访问数组的表示形式，数组名[下标]。
JavaScript BOM 案例
qq_52476758的博客
12-15 964
BOM 案例 1. 5秒后自动关闭广告 <body> <img src="images/ad.jpg" alt="" class="ad"> <script> var ad=document.querySelector('.ad'); setTimeout(function(){ ad.style.display='none'; },5000); </script&gt
Javascript 什么是BOM
2201_75883077的博客
12-31 1387
核心说明window 对象表示浏览器窗口。它是 BOM 的核心对象，提供了浏览器窗口的各种方法和属性。location 对象表示当前文档的 URL 信息。它提供了访问和操作浏览器地址栏的方法和属性。navigator 对象对象：提供了浏览器的相关信息，如浏览器的名称、版本等。screen 对象提供了关于用户屏幕的信息，如屏幕尺寸、颜色深度等。history 对象表示浏览器的浏览历史记录，可以通过它来前进或后退到不同的页面。document对象。
JavaScript BOM总结
weixin_44540247的博客
04-27 296
BOM是浏览器对象模型的简称（Browser Object Model），它实现了让JavaScript能与浏览器进行“对话”的能力。 现在浏览器几乎实现了与JavaScript交互性方面的相同方法和属性，因此常被这位这些是BOM的方法和属性，BOM现在尚无正式标准。 BOM主要处理的是浏览器的窗口和框架，通常情况下浏览器特定的JavaScript扩展也被看做是BOM的一部分。扩展主要体现在：弹出...
JavaScript BOM操作 示例代码
07-01
JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript BOM操作 示例代码JavaScript ...
JavaScript bom操作 window-event 示例代码
06-27
JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码JavaScript bom操作 window_event 示例代码...
JavaScript bom操作 window对象的方法 示例代码
06-27
JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 window对象的方法 示例代码JavaScript bom操作 ...
JavaScript BOM操作 window对象的子级对象 示例代码
07-01
JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...
JavaScript 二维数组
MW
03-24 5453
二维数组：人为起的名字 二维数组本质上是以数组作为数组元素的数组，即“数组的数组”，类型说明符 数组名[常量表达式][常量表达式]。二维数组又称为矩阵，行列数相等的矩阵称为方阵。对称矩阵a[i][j] = a[j][i]，对角矩阵：n阶方阵主对角线外都是零元素。 实践： <!DOCTYPE html> <html lang="en"> <head> &l...
JavaScript 用定时器写一个实时显示时间的页面
MW
03-27 3245
定时器 格式：setInterval（函数，毫秒值）； 功能：每隔对应的毫秒值，执行一次传入的函数 用定时器一个实时显示时间的页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>定时器</title> <...
Javascript 单分支、双分支和多分支语句
MW
03-21 2977
分支语句/选择语句/条件语句：根据不同的选择 ，执行不同的内容。 单分支 单分支语法： if(判断的条件){ 执行语句；（判断条件为true的时候执行） } 双分支分支语法： if(判断的条件){ 执行语句；（判断条件为true的时候执行） }else{ 执行语句；（判断条件为false的时候执行） } 注意：if（）里面的可以写任何的表达式，都会自动数据类型转化成布尔值。 <!D...
JavaScript 遍历数组对象根据id，取出拿逗号（,）隔开拼成字符串
MW
05-10 2911
var table=[ { id:1, name:'张三' }, { id:2, name:'张三' }, { id:3, name:'张三' }, { id:4, name:'张三' } ] const ids=table.map(item => item.id).join(",") console.log(ids) ...
JavaScript 获取当前时间并格式化时间格式
MW
08-05 2623
获取当前时间并格式化时间格式 <script> // 时间戳格式化 function formatDate(datetime) { var date = new Date(datetime)// 时间戳为10位需*1000，时间戳为13位的话不需乘1000 var year = date.getFullYear() var month = ('0' + (date.getMonth() + 1)).slice(-2)
JavaScript BOM与对象模型详解
"JavaScript是一种广泛应用于网页开发的脚本语言，主要由三个核心部分组成：ECMAScript、文档对象模型（DOM）和浏览器对象模型（BOM）。ECMAScript是JavaScript的基础，它定义了语言的语法、类型、语句、关键字、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MW0309

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值