BOM模型

1.BOM是用于描述浏览器中对象与对象之间层次关系的模型,提供了独立于页面内容、并能浏览窗口进行交互的对象结构。
在这里插入图片描述
2.DOM(文档对象模型)属于BOM的一部分,用于对BOM中的核心对象document进行操作。
DOM是一种与平台、语言无关的接口,运行程序和脚本动态地访问或更新HTML或XML文档的内容、结构和样式,且提供了一系列的函数和对象来实现访问、添加、修改及删除操作。
在这里插入图片描述
3.事件机制
在js中分两类,操作事件(用户在浏览中操作所产生的事件),文档事件(文档本身所产生的事件,如文档加载完毕、卸载文档(转换页面)和文档窗口改变事件)。
操作事件包括鼠标时间、键盘事件和表单事件
常见的鼠标事件(Mouse Events)有鼠标点击、双击、按下、松开、移动、移出和悬停等事件。
键盘事件(Keyborad Events)包括按下、松开,按下又松开等事件。
表单及表单元素事件,包括表单提交、重置和表单元素改变、选取、获得焦点个失去焦点等事件。
对HTML元素绑定事件的方式有:HTML元素的属性绑定和js脚本动态绑定。
①HTML元素的属性绑定事件:
在HTML标签内,使用以on开拓的某一属性(如onclick,onmouseover:鼠标移动上等)为该元素绑定指定事件处理函数。
②js脚本动态绑定事件
通过js脚本获得文档中的某一对象object,然后通过object.onXXX方式为该元素绑定指定的事件处理函数。
4. window对象
window对象与浏览器窗口相对应,当页面中包含frame或iframe元素时,浏览器会为整个HTML文档创建一个window对象,然后为每个框架对应的页面创建一个单独的window对象。
通过window对象可以获得窗口的名称、框架窗口的数量、状态栏的文本及创建此窗口的窗口引用。
在这里插入图片描述
在使用窗口的属性和方法时,运行以全局变量或系统函数方式进行使用,如window.document可以简写成document形式。
5.window对象的常用方法
在这里插入图片描述
在这里插入图片描述
5.1 open()方法
用于打开一个新的窗口。
var targrtWindow = window.open(url,name,features,replace);
参数features用于设置窗口在创建时所具有的特征,如标题栏、菜单栏、状态栏、是否全屏显示。
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

叮叮当当0543

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

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

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

打赏作者

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

抵扣说明:

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

余额充值