JavaScript中BOM对象

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

BOM是Browser Object Model的缩写，简称浏览器对象模型。

BOM提供了独立于内容而与浏览器窗口进行交互的对象

由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window

BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性

BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C（WHATWG,WebHypertextApplicationTechnologyWorkingGroup——网页超文本应用程序技术工作组目前正在努力促进BOM的标准化）

BOM最初是Netscape浏览器标准的一部分


BOM对象究竟可以干什么？

window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的，也可以称为window的子对象。由于window是顶层对象，因此调用它的子对象时可以不显示的指明window对象。

document.write("hello,world");

window.document.write("hello world");

window  ====================浏览器

history   历史记录

location  路径

screen     屏幕

navigator  浏览器内核信息

document   文档DOM

<script>

    window.alert("呵呵")


    window.confirm("呵呵")


window.prompt("呵呵")


小代码：

<style>
            .goTop {
                width: 80px;
                height: 80px;
                background: cadetblue;
                position: fixed;
                right: 20px;
                bottom: 20px;
            }
        </style>

<script>

                function closed() {

                var isClose = window.confirm("您确定要关闭浏览器吗？");
                if (isClose) {
                    window.close();
                }
            }

            function moveByTest() {
                moveBy(200,300)
            }

            function moveToTest() {
                moveTo(200,300)
            }
            
            function openNew() {

                window.open("http://www.baidu.com","","menubar=yes, fullscreen=yes, location=no, status=yes")
            }

            function goTop() {
                window.scrollTo(0,0);
            }

        </script>
    </head>
    <body style="height: 2000px;">
        <button οnclick="closed()">关闭浏览器</button>
        <button οnclick="moveByTest()">挪动浏览器</button>
        <button οnclick="moveToTest()">挪动浏览器</button>
        <button οnclick="openNew()">打开一个新的窗口</button>

        <div class="goTop" οnclick="goTop()">

        </div>

    </body>





温语
关注
JS BOM对象
hbl020305的博客
08-09 672
JS BOM对象
JavaScript-BOM对象
L990614的博客
09-14 200
BOM对象 一 、浏览器对象模型（BOM） 1、BOM对象的概念 BOM(Browser Object Model) 是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 2、BOM对象的核心 BOM的核心对象是window(窗口对象); window是浏览器的顶级对象，当调用window下的属性和方法时，可以省略window 注意：window下一个特殊的属性
JavaScript中的bom对象
qq_41586079的博客
10-15 222
  首先，bom是 broswer object model 的缩写，意思是浏览器对象模型； 下面介绍bom里的几个对象。 1.navigator：获取客户机的信息（浏览器的信息） 2.screen：获取屏幕的信息   下面演示一下navigator里的一个appName属性，和screen 的height属性 &lt;!DOCTYPE html&gt; &lt;html lang...
JavaScript中的BOM对象
webbc的博客
08-15 526
百度百科 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 我的理解 博主是这么理解的，BOM对象指的是window对象，而window对象并不是JavaSc
js中的BOM对象
weixin_43489515的博客
03-28 322
一、介绍 BOM（Browser ObjectModel）游览器对象模型 是window对象的一个属性，window对象是全局对象，所有表达式都在当前环境中，window对象就是在游览器上打开的一个窗口 二、系统对话框 alert（） confirm（） 点击确认返回True 点击取消返回False prompt（） 参数有两个，第一个为提示的内容，第二个为输入框的内容 点击确认返回...
JavaScript中BOM对象原理与用法分析
12-11
在实际开发中，了解和熟练掌握BOM对象的使用对于创建动态、交互性强的Web应用程序至关重要。同时，学习JavaScript的DOM操作和事件处理也是提升Web前端开发能力的重要环节。通过不断实践和深入学习，可以更好地利用...
javascript操作BOM对象.docx
07-05
本文档主要介绍了 JavaScript 操作 BOM（ Browser Object Model）对象的相关知识点，包括 window 对象、history 对象、location 对象、Document 对象、Math 对象和 Date 对象等。 window 对象 window 对象是 BOM ...
JavaScript BOM操作 window对象的子级对象 示例代码
07-01
JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码JavaScript BOM操作 window对象的子级对象 示例代码...
第二章JavaScript操作BOM对象4
08-08
在本章"第二章JavaScript操作BOM对象4"中，我们将深入探讨JavaScript在网页中的引用方式、基本数据类型以及数组的定义与访问。这将帮助我们更好地理解和运用JavaScript这一强大的客户端脚本语言。 首先，让我们来看...
js操作BOM对象
bajiva的博客
04-16 379
浏览器对象模型（BOM）是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。BOM通常可实现如下功能：1.弹出新的浏览器窗口。2.移动、关闭浏览器窗口及调整窗口的大小。3.在浏览器窗口中实现页面的前进、后退功能。windows对象常用的属性名称说明   history有关客户访问过的URL信息location有关当前URL的信...
JavaScript BOM 对象详解
最新发布
xycxycooo的博客
07-16 758
在 JavaScript 编程中，BOM（Browser Object Model）是指浏览器对象模型，它提供了一组用于与浏览器窗口进行交互的对象。BOM 对象允许开发者控制浏览器的行为和获取浏览器的信息。本文将详细介绍 JavaScript 中的 BOM 对象，并通过丰富的示例帮助你更好地理解。通过本文的详细讲解，相信你已经对 JavaScript 中的 BOM 对象有了全面的了解。在实际编程中，合理使用 BOM 对象可以提高代码的效率和可读性。对象是 BOM 的核心对象，代表浏览器窗口或标签页。
javascript中的BOM对象
renpingsheng66的博客
08-09 117
1.window对象 所有的浏览器都支持window对象 概念上讲,一个html文档对应一个window对象 功能上讲,控制浏览器窗口 使用上讲,window对象不需要创建对象,直接使用 2.window对象方法: 2.1 alert() 显示一个带有一段消息和一个确认按钮的警告框 例子: window.alert("hello world"); //在浏览器窗口弹出一个"...
JavaScript深入理解之Bom对象详解
油墨香^-^的博客
06-22 271
写在前面 当我们在 Web 中使用 JavaScript 的时候，BOM 对象——浏览器对象模型起着至关重要的作用。BOM 提供了很多对象，用于访问浏览器的功能。熟悉了解 BOM 对象对我们 WEB 开发有着重要的帮助，下面是我的一些理解和总结。 BOM 对象定义 BOM是指浏览器对象模型，它是对一系列在浏览器环境中使用对象的统称，这些对象提供了访问浏览器的功能。 在BOM对象中，window对象是最顶层对象，在浏览器环境中它是一个Global全局对象，其它对象（如：DOM对象）对是这个对象的属性（
JavaScript(BOM对象)
WildKingxue的博客
09-08 246
一.什么是BOM对象 BOM(Browser Object Model) 是指浏览器对象模型，是用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window对象是BOM的顶层对象，其他对象都是该对象的子对象。 二.window属性 有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。 1.第一种 <!DOCTYPE html> <html>.
js的BOM对象
weixin_43893437的博客
03-29 157
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对象
weixin_33728268的博客
10-29 109
ECMAScript 是JavaScript 的核心，但如果要在Web 中使用JavaScript，那么BOM（浏览器对象模型）则无疑才是真正的核心。BOM 提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关. window对象 BOM 的核心对象是window，它表示浏览器的一个实例。在浏览器中，window 对象有双重角...
JavaScript BOM操作：window对象及其子级对象详解
由于描述中包含重复的字符串"JavaScript BOM操作 window对象的子级对象 示例代码"，我们可以假设这部分内容并非实际的示例代码，而是一个提示说明。不过，根据这个描述，我们可以构建一些简单的示例代码来演示window...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值