JavaScript之BOM树

最新推荐文章于 2023-06-10 17:28:29 发布
最新推荐文章于 2023-06-10 17:28:29 发布
阅读量958 收藏 3
点赞数
分类专栏： 总结 B/S学习
lucky
本文链接：https://blog.csdn.net/weixin_44690047/article/details/118538862
版权
本文介绍了JavaScript的BOM（浏览器对象模型），包括事件对象的概念、一般语法和常用成员，如鼠标坐标、按键等。同时，详细讲解了window对象作为全局对象的角色，列举了一些常用的方法如innerHeight、innerWidth以及open、close等，还涉及了window对象的子对象如screen、history、location，以及交互方法如confirm和剪贴板操作。
摘要由CSDN通过智能技术生成

BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。

一、事件对象

1.什么是事件对象？

事件对象就是与事件相关的一个参数

事件是一个待执行的方法，不是我们去调用，而是浏览器去调用，所以事件的参数也与浏览器有关。

事件：因某个事情的触发而自动的调用

2.事件对象的一般语法

事件 = function（）{ /*方法*/}

火狐浏览器会在调用事件执行方法的时候，传入一个参数，表示事件对象

所以代码需要修改为

事件 = function（e）{ }

早期的IE浏览器（实际上现在的IE也保留），没有这个参数

在IE浏览器中window有一个成员event，表示事件对象，可以在函数中使用。

3.常用成员

 ①鼠标坐标

  • screenX与screenY
  • clientX与clientY
  • layerX与layerY

②鼠标按键

  • button

③功能键

  • altKey、ctrlKey、shiftKey

二、window对象࿰

最低0.47元/天 解锁文章
皮蛋瘦肉周_
关注
专栏目录
事件与事件属性
Xu_cipu的博客
09-03 1384
“事件” 与 “事件属性”，很容易混淆的两个概念 常见并行一起出现的场景： 百度一下“js绑定click事件”，随便点进去，都会有几种绑定方法，几乎每一篇，都会涉及到‘click’和‘onclick’这两个关键词 之前一直理解不清，只能死记硬背下绑定的方法，今天意外通过解决 ‘Vue中限制input标签输入内容’ 这一问题，深入理解了一下“事件”和“事件属性”概念，瞬间清晰很多。 回到click与...
window.event对象详细介绍
woxingwosu13的专栏
05-14 7533
body{line-height:1.5;}1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 2、属性：
事件对象event及其相关属性
杜伊沫的博客
04-01 5068
事件对象event一、什么是事件对象二、事件对象的属性1、事件对象的兼容性2、事件对象的type属性3、target 与currentTarget4、 事件对象的keyCode属性5、ctrlKey 、altKey、 shiftKey6、screenX与screenY7、offsetX 与offsetY8、clientX与clientY 一、什么是事件对象 1、event是事件对象，是关于事件的...
event的属性
老别
10-29 369
1.altKey 描述： 检查alt键的状态。 语法： event.altKey 可能的值： 当alt键按下时，值为 TRUE ，否则为 FALSE 。只读。 2.button 描述： 检查按下的鼠标键。 语法： event.button 可能的值： 0 没按键 1 按左键 2 按右键 3 按左右键 4 按中间键 5 按左键和中间键 6 按右键和中间键 7 按所有的键 这个属性...
javascript中的event属性
迁客骚人
05-11 776
版权声明：本文为博主原创文章，未经博主允许不得转载。 event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 属性：  altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCod
Javascript之BOM与DOM讲解
02-09
JavaScript是Web开发中不可或缺的一部分，主要由三个组成部分构成：ECMAScript、DOM（文档对象模型）和BOM（浏览器对象模型）。这三个部分协同工作，使开发者能够创建动态、交互式的网页。 1. ECMAScript： ...
javascript中BOM基础知识总结
12-03
JavaScript中的BOM（Browser Object Model）是用于与浏览器窗口交互的一系列对象的集合，它允许开发者操作浏览器窗口的特性，如大小、位置以及导航。BOM的核心对象是`window`，它代表了浏览器的一个实例，并提供了...
javascript bom是什么及bom和dom的区别
11-22
JavaScript BOM，全称Browser Object Model，即浏览器对象模型，它是JavaScript与浏览器进行交互的一系列对象的集合。BOM的核心对象是`window`，通过它，开发者可以操作浏览器窗口的各种特性，如改变窗口大小、位置...
JavaScript之BOM和DOM总结
少年与梦
04-22 1567
1、BOMBOM(Browser Object Model) 即浏览器对象模型，主要是指一些浏览器内置对象如：window、location、navigator、screen、history等对象，用于完成一些操作浏览器的特定API。用于描述这种对象与对象之间层次关系的模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的Window...
js常用事件手册
wuji_1的专栏
04-09 1029
常用的无返回值事件 属性 此事件发生在何时... onabort 图像的加载被中断。 onblur 元素失去焦点。 onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。 ondblclick 当用户双击某个对象时调用的事件句柄。 onerror 在加载文档或图像时发生错误
event属性
qq_43592587的博客
03-24 211
1.screenX 和 screenY 是以屏幕为基准进行测量，即：当前元素距离屏幕的尺寸 2.pageX 和 pageY 是以当前文档（绝对定位）为基准，不适用于IE6-8。会计算滚动长度 3.clientX 和 clientY 是以当前可视区域为基准，类似于固定定位。会忽略滚动长度 ...
JS 之 事件Event对象详解（属性、方法、自定义事件）
最新发布
weixin_45092437的博客
06-10 1万+
​ 事件event对象是指在浏览器中触发事件时，浏览器会自动创建一个event对象，其中存储了本次事件相关的信息，包括事件类型、事件目标、触发元素等等。浏览器创建完event对象之后，会自动将该对象作为参数传递给绑定的事件处理函数，我们可以在事件处理函数中通过访问event对象的属性和方法，来获取事件的相关信息，并做出后续的逻辑处理。
javascript事件；event对象的属性
besily的专栏
12-18 819
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2鼠标点击时触发此事件ondblclickIE4、N4鼠标双击时触发此事件onmousedownIE4、N4按下鼠标时触发此事件onmouseupIE4、N4鼠标按下后松开鼠标时触发此事件
js文档事件
m0_51281306的博客
11-15 665
加载成功\失败事件：load\error load事件指的是：节点加载成功时自动发生回调事件 error事件值得是：节点加载失败时自动发生的回调事件 当DOM加载完成时触发事件：DOMContentLoaded DOMContentLoaded事件和load事件的区别是触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。 DOM文档加载的步骤为: 解析HTML结构。 加载外部脚本和样式表文件。 解析并执行脚本代码。 DOM树构建完成。 //DOMContentLoaded
jQuery事件对象event的属性和方法
weixin_30266829的博客
01-05 196
事件处理（事件对象、目标元素的获取，事件对象的属性、方法等）在不同浏览器之间存在差异，jQuery在遵循W3C规范的情况下做了封装统一 一、事件对象常用的属性： event.type：获取事件的类型，触发元素的事件类型 $("a").click(function(event) { alert(event.type); // "click"事件 })...
事件对象 event
weixin_52212950的博客
03-01 156
事件对象是我们一系列我们事件相关数据的集合，如果是点击事件就包含了点击事件的相关数据，例如点击坐标等等。 我们在注册事件时的两个方法，不论是 element.onclick=function(){}，或者是element.addEventListener(“onclick”，function（）)，他们的侦听函数的括号里始终是空着的，这个地方其实是用来放事件对象的，事件对象我们称为 event（可以自己命名），普遍简称为 e 即可，在括号里当做形参来看。在 ie678 浏览器版本不支持 e 或者 even
事件对象（event）
zuo_zuo_blog的博客
01-13 265
再触发DOM上的某个事件时，会产生一个事件对象event，这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象，但支持的方式不同。 1. 事件对象的获取（event的获取） event内容重要内容 <script> document.onclick=function(event){ event=event||window.event; co...
[Javascript]Event属性
weixin_34357267的博客
06-07 100
Event properties Page last changed 15 months agoThis page is supposed to be in my frameset. The target/srcElement properties are sometimes buggy in Explorer 5 on Mac and unreliable in Net...
评论 8
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值