JavaScript 中BOM的常用操作

最新推荐文章于 2024-03-13 19:35:06 发布
最新推荐文章于 2024-03-13 19:35:06 发布
阅读量116 收藏 1
点赞数
文章标签： 定位 js css javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57340195/article/details/124441863
版权

JavaScript BOM操作

1.获取浏览器窗口尺寸

var width=window,innerWidth        //获取可视窗口宽度
var height=window.innerHeight      //获取可视窗口高度

2.浏览器的弹窗层

window.alert("提示信息")     //提示框       无返回值
window.confirm("提示信息")   //询问框      返回值为Boolean型
window.prompt("提示信息")     //输入框      返回值为输入的内容

3.开启和关闭标签页

widow.open("url链接")           //打开链接
widow.close("url链接")           //关闭链接

4.浏览器常见事件

window.onload=function(){ }              //资源加载完毕触发事件
window.onresize=function(){ }           //可视窗口尺寸改变时触发事件
window.onscroll=function(){ }          //滚动条位置改变触发事件

5.浏览器卷去的尺寸

(1)获取卷去的高度
document.documentElment.scrollTop     //页面有<!DOCTYPE html>标签时使用
documen.body.scrollTop                //页面没有<!DOCTYPE html>时使用

//兼容写法
var height=document.documentElment.scrollTop ||  documen.body.scrollTop
(2)获取卷去的宽度
document.documentElement.scrollLeft  //页面有<!DOCTYPE html>标签时使用
document.body.scrollLeft              //页面没有<!DOCTYPE html>时使用

//兼容写法
var widght=document.documentElment.scrollTop ||  documen.body.scrollTop

6.设置浏览器滚动条位置

//瞬间跳转
window.scrollTo(left,top)     //left 是宽的位置，top是高的位置

//平滑滚动
window.scrollTo({
left:宽度位置
top：高度位置
behavior:'smooth'         //定位方式：平滑滚动
})
永恒之月℡
关注
JavaScript BOM操作
brokyz
06-30 708
BOM （Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是 window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性。BOM 缺乏标准，JavaScript 语法的标准化组织是 ECMA，DOM 的标准化组织是 W3C，BOM 最初是 Netspace 浏览器标准的一部分。window 对象是浏览器的顶级对象，它具有双重角色。在调用的时候可以省略 window，前面学习的对话框都属于 window 对象方法，如
JavaScript中的BOM
小王的博客
07-17 518
BOM简介 window对象的常见事件 定时器函数 JavaScript执行机制 location对象 nevigator对象与history对象
js操作BOM
田兴的博客
10-24 2537
什么是Bom? Bom是浏览器对象。它提供与浏览器的交互5大属性。 有哪些常用的Bom属性呢？ navigator（浏览器对象） 1. 如何检测浏览器的类型 (ua的问题)？ //如何检测是否为Chrome浏览器 var ua = navigator.userAgent; console.log(ua); var isChrome =ua.indexOf('Chrome'); console.log(isChrome); // true为是，false为不是 screen（屏幕对象） screen.w
JavaScript BOM常用方法
aaron9185的博客
05-27 223
什么是BOM DOM是一套操作HTML标签的API（接口/方法/属性） BOM是一套操作浏览器的API（接口/方法/属性） 常见的BOM对象 window：代表整个浏览器窗口（window是BOM中的一个对象，并且是顶级的对象） Navigator ：代表浏览器当前的信息，通过Navigator我们可以获取用户当前使用的是什么浏览器 Location： 代表浏览器当前的地址信息，通过Location我们可以获取或者设置当前的地址信息 History：代表浏览器的历史信息，通过History我们可以实现上
js系列教程6-BOM操作全解
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-09 6663
全栈工程师开发手册 （作者：栾鹏） 快捷链接： js系列教程1-数组操作全解 js系列教程2-对象和属性全解 js系列教程3-字符串和正则全解 js系列教程4-函数与参数全解 js系列教程5-容器和算法全解 js系列教程6-BOM操作全解 js系列教程7-DOM操作全解 js系列教程8-事件全解 js系列教程9-表单元素全解 js系列教程10-canvas绘图全解 js系列教程
JavaScript之BOM操作
fsLees的博客
03-29 693
BOM操作
JavaScript中BOM对象原理与用法分析
10-16
JavaScript 中的 BOM（Browser Object Model，浏览器对象模型）是一套用于与浏览器交互的 API，它允许开发者通过 JavaScript 来操作浏览器窗口和框架。BOM 本身并不是一个标准，它是浏览器厂商各自实现的，所以其...
第二章JavaScript操作BOM对象4
08-08
在本章"第二章JavaScript操作BOM对象4"中，我们将深入探讨JavaScript在网页中的引用方式、基本数据类型以及数组的定义与访问。这将帮助我们更好地理解和运用JavaScript这一强大的客户端脚本语言。 首先，让我们来看...
javascript的BOM汇总
10-23
JavaScript的BOM（Browser Object Model）是用于操作浏览器对象的模型，它允许开发者与...以上就是JavaScript BOM中一些常用的方法和属性的详细解释。理解和掌握这些知识点有助于在开发过程中更好地控制和与用户交互。
JavaScript中的BOM操作
虎康的博客
09-24 254
文章目录一、JavaScript二、BOM 对象三、window对象四、location对象五、navigator对象六、实战 一、JavaScript JavaSript = ECMAScript + DOM + BOM DOM : 文档对象模型(document对象) BOM : 浏览器对象模型 二、BOM 对象 window对象：全局对象 screen对象包含有关用户屏幕的信息 location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面 history对象包含浏览器的历史
js中的BOM操作(一)
linglingzi001的博客
03-22 333
JavaScript中的BOM操作 BOM：浏览器对象模型（Browser Object Model，简称 BOM）提供了独立于内容而与浏览器窗口进行交互的对象。描述了与浏览器进行交互的方法和接口，可以对浏览器窗口进行访问和操作 一、Window对象 浏览器窗口 特点 1.对于全局变量或全局方法，在取值或调用时可以省略 var a = 10; console.log(a); //10 consol...
JS操作BOM
wyq1614406553的博客
06-27 227
JS操作BOM 1.什么是BOM：浏览器对象模型（Browser Object Mode），BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。 2.作用：BOM提供了独立于内容的，可以与浏览器窗口进行互动的对象结构。 2.关于BOM的知识思维导图 confirm()与alert(),prompt的区别 alert():一个参数，仅显示...
JS BOM 常见操作
Ares5k
07-22 682
BOM介绍
JavaScript操作BOM
jule_zhou的博客
09-29 467
一、BOM是什么？ 二、history与location 三、window对象的常用方法 1.方法简述 2.open()方法 四、document对象 1.常用属性 2.常用方法 五、Date对象 六、JavaScript内置对象
【JavaScript】BOM常用操作总结
weixin_42115131的博客
07-12 347
本文介绍了常用的BOM对象用发，包括location对象、history对象和存储对象，以及定时器的基本用法。
JavaScript BOM操作(超详细)
最新发布
wu_ry的博客
03-13 1411
由于window对象是全局对象，所以在使用window对象的属性和方法时，window可以省略不写.例如，之前直接使用的alert()方法、confirm()方法及prompt()方法的用法、本节主要讲解open()方法和close()方法，JavaScript定时函数会在后面中详细介绍。设置间谒调用的方法是setInterval(),接收的参数与setTimeout()方法相同，为要执行的代码和每次执行之前需要等待的毫秒数。可以通过数组的名称和下标直接访问数组的元素，访问数组的表示形式，数组名[下标]。
js——BOM操作相关方法
肖的博客
08-26 467
window.open();//打开新窗口 window.close();//关闭当前窗口 window.moveTo();//移动当前窗口 window.resizeTo();//调整当前窗口 //可用屏幕宽/高 screen.availWidth; screen.availHeight; screen.colorDepth;/...
【JavaScript】BOM 概念及相关操作
浅陌繁星的博客
01-02 636
BOM（Browser Object Model）是浏览器对象模型，用于访问浏览器的功能，这些功能与任何网页内容无关。域名：电脑的唯一标识是ip地址，由于ip地址不方便记忆的，所以产生了域名(用户或者公司都可以通过第三方机构购买注册)。端口：服务器就是一台昂贵的电脑，电脑只有一个ip地址，如果想存放多套程序，需要分配不同的端口找不同的程序。：如果只是单单书写以上代码，滚动的效果会是默认的瞬间移动到对应的位置。：如果浏览器只打开了这一个标签页，则点击关闭时，会将浏览器一并关掉。
JavaScript中BOM操作【通俗易懂】
sjs52406的博客
01-02 1764
本篇文章主要在于了解JavaScript中BOM(即浏览器对象模型),以及对它的简单使用
JavaScript操作BOM：window对象详解
本文主要关注的是如何利用JavaScript操作BOM中的核心对象——window对象，以及与其相关的history和location对象。 ### window对象 window对象是BOM的核心，它代表了浏览器的整个窗口。通过window对象，我们可以实现...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值