BOM笔记

BOM

含义

Browser Object Model: 浏览器对象模型

作用

1. 可以操作浏览器窗口及浏览器窗口中的控件(标签):即可以在JavaScript程序中操作标签

2. 实现页面和用户之间的动态交互

BOM对象

1、window对象:浏览器窗口对象,是BOM的核心,BOM的其他内置对象可以作为window的属性

2、document对象:文档对象,是DOM的核心

3、location对象:地址对象。浏览器的地址栏

4.、history对象:历史对象。浏览器的访问记录,可以实现前进和后退。

5、navigator对象:浏览器对象,又称为浏览器的嗅探器。通过它可以得到浏览器的版本信息、名称、内核等信息

6、screen对象:屏幕对象。用于获取和屏幕有关的数据。例如屏幕分辨率

window对象

在javascript中定义的变量、函数及JavaScript的内置函数都可以被window对象调用

常用方法

  • alert(‘字符串’)

  • prompt(参数1,参数2)

  • confirm(参数):

  • open(url,name,spaces,replace)

定时器函数

setTimeout(fn,times)

clearTimeout(定时器对象)-清除重复一次的定时器

setInterval(fn,times):

clearInterval(定时器对象)-清除反复的函数

事件处理

单击事件名:click —- onclick

页面加载事件名:load —- onload

对象获取

  • getElementById(标签的Id属性值)

  • querySelector

    • 通过id选择:document.querySelector(‘#id’)

    • 通过class选择:document.querySelector(‘.class’)

    • 通过标签名选择:document.querySelector(‘标签名’)

事件监听

  • 在标签中监听

    • 开始//监听click事件

    • <body οnlοad=""> //监听页面的加载事件load

  • 在js中监听

    • 控件名.addEventListener(‘事件名’,fn)

标签的属性

innerHTML属性:代表标签的html内容(代表起始标签和结束标签之间的内容)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值