BOM介绍

1、JS基础包含三个部分:

  • ECMAScript
  • DOM(文档对象类型:操作网页上的元素的API)
  • BOM(浏览器对象类型:操作浏览器部分功能的API)

2、window对象时BOM的顶层(核心对象),所有对象都是通过window延申出来的,也称为window的子对象

  • DOM是BOM的一部分

3、window对象:

  • window对象是JavaScriipt中的顶级对象
  • 全局变量,自定义函数也是window对象下的属性和方法调用时,可以省略window。

4、BOM的常见内置方法和内置对象

  • 弹出系统对话框
alert()//不同浏览器的外观不一样
confirm()//兼容不好
prompt()//不推荐使用
  • 打开窗口、关闭窗口
window.open(url,target)
/*
* url:要打开的地址
* target:新窗口的位置,可以是:_blank 、_self、 _parent 父框架
*/
  • Location对象
    window.lacation可以简写为location。相当于浏览器地址栏,可以将url解析成独立的片段
    location对象的属性:
 - href:跳转
 - hash:返回url中的#后面的内容,不包括#
 - host:主机名,包括端口
 - hostname:主机名
 - pathname:url中的路径部分
 - protocol:协议一般是http、https
 - search:查询字符串
window.location.reload():重新加载
  • window.navigator对象的一些属性可以获取客户端的一些信息
    navigator.userAgent:系统,浏览器
    navigator.platform:浏览器支持的系统,win/mac/linux

  • window.history对象:
    1、后退
    history.back()
    history.go(-1):0是刷新
    2、前进:
    history.forwoad()
    history.go(1)

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值