Evan's blog Evan's blog
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)

conanan

真相只有一个
首页
关于
  • 分类
  • 标签
  • 归档
  • H5&CSS3
  • JS
  • TS
  • Node
  • Webpack
  • Vue2
  • Vue3
  • 微信小程序
  • Andorid
  • Flutter
推荐
GitHub (opens new window)
  • 入门

  • 理解

  • 语法

  • 异步

  • 模块化

  • 网络

  • DOM&BOM

    • DOM
    • BOM
      • window 🔥
        • 属性
        • 方法
      • location 🔥
        • 属性
        • 方法
      • screen 🔥❎
      • history
        • 属性
        • 方法
      • navigator
  • 常用框架

  • JS
  • DOM&BOM
xugaoyi
1984-01-24
目录

BOM

# BOM

BOM(browser object model):浏览器对象模型。

# window 🔥

代表浏览器窗口并且保存浏览器的全局对象(直接使用属性、方法,可以不带window)

# 属性

  • 获取其他BOM对象
  • 获取DOM对象
  • opener:返回对创建此窗口的窗口的引用

# 方法

  • alert()

    显示带有一段消息和一个确认按钮的警告框。一般调试还是用**console.log()**

  • confirm()

    带有一段消息以及确认、取消按钮的对话框。返回boolean:window.confirm("确认删除?");

  • prompt()

    显示可提示用户输入的对话框:prompt("输入您的年龄",0);

  • open()

    打开一个新的窗口,并返回此对象:window.open(URL,name,features,replace),都是可选参数

    当弹窗被浏览器内置工具屏蔽时会返回null,被工具屏蔽会报错

  • close()

    关闭窗口

# location 🔥

表示其链接到的对象的位置(URL)。如果直接打印location,则能获取到当前地址栏的信息

# 属性

- `href`
    
    设置或返回完整的 URL(绝对或相对),随后浏览器会进行跳转
    
    ```js
    location.href="https://www.baidu.com"
    ```
  • search

    设置或返回从?开始的URL(即查询部分)。可用于获取参数🔥

# 方法

  • reload():重新加载当前文档
  • 其他看文档

# screen 🔥❎

客户端显示屏幕的信息 document.write(screen.width+"*"+screen.height);

# history

包含用户(在浏览器窗口中)访问过的 URL,不是历史记录

# 属性

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

# 方法

  • back():加载 history 列表中的前一个 URL
  • forward():加载 history 列表中的下一个 URL
  • go(number | URL):加载 history 列表中的某个具体页面。go(-1);、go(1);等同于上述方法,可以传其他值

# navigator

代表浏览器信息

由于许多属性都是实验性的,且许多属性获取的值不能保证正确性,所以不推荐使用。如:

  • userAgent

    可以判断浏览器类型,不推荐

编辑 (opens new window)
上次更新: 2022/03/23, 17:55:39
DOM
99 jQuery

← DOM 99 jQuery→

最近更新
01
重点
04-12
02
搭建项目
04-04
03
TS补充
03-30
更多文章>
Theme by Vdoing | Copyright © 2019-2022 conanan | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式