[Day 28]从零开始学习 JS 的连续-30 Days---BOM-浏览器物件模型(下)

BOM ( Browser Object Model ) 浏览器物件模型

  1. BOM 核心是 window 物件
    1. window 物件提供的特性主要为
      1. document 文件物件模型
      2. history 提供进入浏览历史的纪录
      3. frames 框架用途。已从 web 标准中废弃,要避免使用
      4. location 存取浏览器页面的网址(URL)相关资讯
      5. screen 存取使用者的萤幕画面相关资讯
      6. navigator 存取使用者的浏览器资讯

location 存取浏览器页面的网址(URL)相关资讯

  1. 应用
    1. href 取得当前网页的网址,常使用指定的连结或是按钮,用於 function 内。
location.href='网址路径'
    1. hostname 取得当前网页的网域名称
location.hostname='目前网域名称'
    1. pathname 取得当前网页的网址路径
location.pathname='目前网址路径'
    1. search 取得当前网页的网址参数,如果没有网址参数则会返回空字串,返回的参数包含问号 ?。
location.search='目前网页的网址参数'
    1. protocol 返回 Web 协定,取得目前的网路协定。
location.protocol='目前网页的网路协定'
    1. assign() 载入新文件,当前视窗载入一个新的网页。
location.assign(url 网址)='载入新网页'
    1. reload() 重新载入页面
location.reload(forcedReload);

forcedReload 是一个布林值 (boolean),
* 1. 如果是 true ,强制浏览器从 server 取得最新的资料;
* 2. 预设是 false,会优先从浏览器暂存档 (cache) 中取得网页资料。

    1. location.replace() 在当前视窗载入一个新的网页,但和 location.assign() 的差别在於,使用此方法当前网页的浏览纪录 (History) 会被新的网页取代,使用者没办法按「上一页」回去。
location.replace(url 网址)='载入新网页';

screen 存取使用者的萤幕画面相关资讯

  1. 浏览器可以获取你正在看的网页的相关资讯。

navigator 存取使用者的浏览器资讯

  1. 包含大量有关Web浏览器的资讯,在检测浏览器及作业系统上非常有用。

frames 框架用途。已从 web 标准中废弃,要避免使用

  1. 已被废弃,但还是有些许的网站还在使用。今天就不多加探讨。

今天就到这结束了。


<<:  Day 28 - 实战演练 — Pagination

>>:  [Day 28] - React 前端串後端 - Donate!

[Java Day14] 4.2. 方法

教材网址 https://coding104.blogspot.com/2021/06/java-m...

视觉化KBARS(5)-1分k展示

前面把java跟python部分完成後, 接下来要继续写js和html的步骤来完成1分k视觉化。 (...

自订 Vaadin 组件 / Grid 扩充功能 -- day07

重复使用程序码 Vaadin 自订 Component 各位发现了吗?在写完CRUD後,打开Crea...

[Day 24] Android Studio 七日陨石开发:安装与创建第一个专案 (下)

前言 昨天我们安装好Android Studio, 并且建立了一个专案叫做AIFER。 现在我们尝试...

股票下单失败,出现讯息:全额预收

下单-买 Q:股票下单(买)失败,出现讯息:全额预收 A:问营业员,营业员说,可能该股票最近涨浮过大...