JavaScript基础(二)

1. 概念

Browser Object Model 浏览器对象模型: 将浏览器的各个组成部分封装成对象。
①:BOM提供令人独立于内容而与浏览器窗口进行的交互的对象。
②:BOM主要用于管理窗口与窗口之间的通信,核心对象为windows
③:BOM由一系列相关的对象构成,并且每个对象都提供了很多方法和属性
④:BOM缺乏标准。JS的标准化组织是ECMAscript。DOM的标准化组织是W3C。
⑤:BOM最初是Netscape浏览器标准的一部分。

2. 组成

  • Window:窗口对象是全局对象很多关于浏览器的脚本设置都是通过它
  • Navigator:其中有很多浏览器相关的内容,通常判断浏览器类型都是通过这个对象。
  • Screen:常常用来判断屏幕的高度宽度等。
  • History:不太常用,一般应该不会有写关于历史记录的脚本。
  • Location:地址栏对象,是与地址栏内容相关,比如想要跳转到某个页面,或者通过URL获取一定的内容。

3.Window:窗口对象

  1. 创建
    window是浏览器的一个实例,在浏览器中,window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象。
    在这里插入图片描述
  2. 方法
 1. 与弹出框有关的方法:
    alert()	显示带有一段消息和一个确认按钮的警告框。
    confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
        如果用户点击确定按钮,则方法返回true
        如果用户点击取消按钮,则方法返回false
    prompt()	显示可提示用户输入的对话框。
        返回值:获取用户输入的值
 2. 与打开关闭有关的方法:
    close()	关闭浏览器窗口。
        谁调用我 ,我关谁
    open()	打开一个新的浏览器窗口
        返回新的Window对象
 3. 与定时器有关的方式
    setTimeout()	在指定的毫秒数后调用函数或计算表达式。
        参数:
            1. js代码或者方法对象
            2. 毫秒值
        返回值:唯一标识,用于取消定时器
    clearTimeout()	取消由 setTimeout() 方法设置的 timeout。
    setInterval()	按照指定的周期(以毫秒计)来调用函数或计算表达式。
    clearInterval()	取消由 setInterval() 设置的 timeout。
  1. 属性:
    1. 获取其他BOM对象:
    history
    location
    Navigator
    Screen:
    2. 获取DOM对象
    document
  2. 特点
    Window对象不需要创建可以直接使用 window使用。 window.方法名();
    window引用可以省略。 方法名();
  3. History:历史记录对象
    1. 创建(获取):

      1. window.history
      2. history
    2. 方法:

      • back() 加载 history 列表中的前一个 URL。
      • forward() 加载 history 列表中的下一个 URL。
      • go(参数) 加载 history 列表中的某个具体页面。
        • 参数:
          • 正数:前进几个历史记录
          • 负数:后退几个历史记录
    3. 属性:

      • length 返回当前窗口历史列表中的 URL 数量。

推荐给大家一个写的非常全的博客
点击查看

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值