【04】WebAPI

WebAPI

和标准库不同,WebAPI 是浏览器提供的一套 API,用于操作浏览器窗口和界面

WebAPI 中包含两个部分:

  • BOM:Browser Object Model,浏览器模型,提供和浏览器相关的操作
  • DOM:Document Object Model,文档模型,提供和页面相关的操作
image-20211215154639275

BOM

BOM 提供了一系列的对象和函数,提供和浏览器本身相关的操作

window

全局对象

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/window

API 含义 备注
open() 打开一个新的浏览器窗口 返回新窗口的 window 对象
close() 关闭浏览器窗口 只能关闭使用 open 打开的浏览器窗口
==setTimeout()== 设置一个计时器
在一段时间后自动执行某个函数
参数 1:函数,无参,this 指向 window
参数 2:时间,毫秒
返回:计时器的 ID
==clearTimeout()== 清除指定 ID 的计时器 传入计时器的 ID
==setInterval()== 设置一个计时器
每隔一段时间自动执行某个函数
参数 1:函数,无参,this 指向 window
参数 2:时间,毫秒
返回:计时器的 ID
==clearInterval()== 清除指定 ID 的计时器 传入计时器的 ID
alert() 弹出提示框 不同的操作系统外观有差异
confirm() 弹出确认框 不同的操作系统外观有差异

window.location

https://developer.mozilla.org/zh-CN/docs/Web/API/Location

提供地址栏的相关操作

API 含义 备注
==Location.href== 获取或设置页面当前地址 设置地址回导致页面跳转
Location.protocol 获取或设置地址中的协议部分
Location.host 获取或设置地址中的主机名和端口号
Location.hostname 获取或设置地址中的主机名
Location.port 获取或设置地址中的端口号
Location.pathname 获取或设置地址中的路径部分
Location.search 获取或设置地址中的参数部分
Location.hash 获取或设置地址中的 hash 部分
Location.reload() 刷新页面

window.history

https://developer.mozilla.org/zh-CN/docs/Web/API/History

提供当前窗口历史记录的操作

API 含义 备注
History.back() 后退

相关推荐

  1. 3 <span style='color:red;'>WebAPI</span>

    3 WebAPI

    2024-03-17 08:12:03      21 阅读
  2. WebAPI调优

    2024-03-17 08:12:03       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-17 08:12:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-17 08:12:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-03-17 08:12:03       82 阅读
  4. Python语言-面向对象

    2024-03-17 08:12:03       91 阅读

热门阅读

  1. 前端小白的学习之路(CSS3 二)

    2024-03-17 08:12:03       47 阅读
  2. Vue基本用法

    2024-03-17 08:12:03       41 阅读
  3. 2024届 C++ 刷题 笔试强训 Day 02

    2024-03-17 08:12:03       43 阅读
  4. 请求头content-type的类型有什么?

    2024-03-17 08:12:03       42 阅读
  5. 发现数据之美:探索数据可视化的艺术与技术

    2024-03-17 08:12:03       40 阅读
  6. redis的基本知识点

    2024-03-17 08:12:03       37 阅读
  7. rust - windows窗口消息循环处理

    2024-03-17 08:12:03       41 阅读
  8. 测试人员如何进行需求分析?

    2024-03-17 08:12:03       45 阅读
  9. linux之LVM管理

    2024-03-17 08:12:03       46 阅读