1. window对象

1.1 打开和关闭窗口

1.2 改变窗口位置和大小

1.3 定时设计

2. Location对象 /ləʊˈkeɪʃn/ (URL地址)

使用Location对象导航栏

3. History对象 /ˈhɪst(ə)ri/ (浏览历史)

3.1 history.go()方法

3.2 history.forward()和history.back()方法

4. Navigator对象 /ˈnævɪɡeɪtə(r)/ （浏览器信息）

4.1 appName

4.2 appVersion

4.3 userAgent

4.4 platform

1. window对象

Window对象是BOM中所有对象的核心。

1.1 打开和关闭窗口

Window对象提供window.open()方法和window.close()方法分别用于打开窗口和关闭窗口。

语法：

window.open(URL，窗口名字，特征，是否替换)

语法：

window.close()

1.2 改变窗口位置和大小

窗口位置和大小相关方法
方法	描述
MoveTo(x，y)	将窗口移动到指定的位置。参数x和y分别为浏览器左上角的坐标，单位为像素
MoverBy(offsetH，offsetV)	将窗口移动到指定的偏移量。
ResizeTo(width，height)	改变窗口到指定的大小。
ResizeBy(offsetWidth，offsetHeight)	将窗口大小改变到指定缩放量。

1.3 定时设计

window对象提供一些定时器的方法，定时器可以在特定的时间执行指定的函数或表达式。

window对象的setTimeOut()方法可以设置定时器，用于在指定的毫秒数后执行代码。

语法：
setTimeOut(表达式，时间);
第一个参数可以是一个包含JavaScript代码的字符串，也可以是一个函数，其值为要执行的代码。
第二个参数代表在执行代码前所需要等待的时间，单位为毫秒数。

调用setTimeOut()方法之后会返回表示该定时器的数值ID，可以通过它来取消setTimeOut定时器

语法：
clearTimeOut(timerID);
参数tiomerID位调用setTimeOut()方法之后返回的该定时器的数值ID。

2. Location对象 /ləʊˈkeɪʃn/ (URL地址)

Location对象用于获得当前页面的地址（URL），并把浏览器重定向到新的页面。

Location对象的用处不只表现在它保存着当前文档的信息，还表现在它将URL解析为独立的片段，让开发人员可以通过不同的属性访问这这些片段。

Location对象的所有属性（省略了每个属性前面的location前缀）
属性名	举例	描述
hash
host
hostname
href		设置或返回完整的URL
pathname
port
portocol
search
reload		重新加载（刷新）

页面跳转：改变href的地址

href不赋值获取当前路径，赋值改变当前路径

实例

console.log(location.port);

使用Location对象导航栏

刷新页面

3. History对象 /ˈhɪst(ə)ri/ (浏览历史)

3.1 history.go()方法

history.go()方法可以在用户的历史记录中任意跳转，可以向前也可以向前。

history.go()方法接受一个参数，表示向后或向前的页面的一个整数值。

负数表示向后跳转（相当于单击浏览器的“后退”按钮）

正数表示向前跳转（相当于单击浏览器的“前进”按钮）

3.2 history.forward()和history.back()方法

history.forward()和history.back()方法相当于单击浏览器的“前进”和“后退”按钮，可以得到历史记录列表里的下一个或前一个页面。

4. Navigator对象 /ˈnævɪɡeɪtə(r)/ （浏览器信息）

4.1 appName

4.2 appVersion

4.3 userAgent

4.4 platform

08 JavaScript-BOM相关推荐

javascript BOM对象详解
javascript BOM对象详解目标:本章节将分为9点详细介绍有关BOM对象的知识点 1.什么是BOM 2.BOM的构成 3.顶级对象window 4.window对象常见事件(页面加载事件和体 ...
JavaScript (八) -- JavaScript BOM
目录 1. JavaScript BOM的概述: 2. Window 对象(浏览器窗口对象) 2.1 Window 对象的调用方式:
JavaScript Bom和Dom
JavaScript Bom和Dom这一篇就够啦 JavaScript Bom和Dom 1.Web API 基本认知 2.DOM -- 基础 2.1 DOM简介 2.2 获取元素 2.3 事件基础 2 ...
JavaScript——BOM知识
BOM概述 BOM(浏览器对象模型,Browser Object Model),即可以将浏览器的各个部分抽象成对象在JavaScript中进行调用和完成特定的功能.比如对历史记录,地址栏,整个窗口等都 ...
Javascript（十三）javascript BOM详解
一.BOM定义 ECMAScript无疑是JavaScript的核心,但是要想在浏览器中使用JavaScript,那么BOM(浏览器对象模型) 才是真正的核心. BOM 提供了很多对象,用于访问浏览器 ...
Java JavaScript BOM和正则表达式
一.作业二.BOM 浏览器对象模型 (BOM-Browser Object Model) 使 JavaScript 有能力与浏览器"对话". 由于现代浏览器已经(几乎)实现了 J ...
JavaScript:BOM
目录一.BOM介绍 1.BOM的构成二.window对象常用方法 1.窗口加载事件 2.window.onresize 3.confirm()方法 4.open()方法 5.setTimeout( ...
JavaScript BOM浏览器对象模型
什么是BOM浏览器对象模型? 浏览器对象模型(Browser Object Model(BOM))允许JavaScript与浏览器对话 BOM:浏览器对象模型 //宿主对象 BOM 提供了很多对象,用 ...
javascript BOM与DOM介绍
Javascript中bom介绍 IE 3.0 和Netscape Navigator 3.0提供了一种特性- BOM(浏览器对象模型),可以对浏览器窗口进行访问和操作.使用BOM,开发者可以移动窗口 ...
08 JavaScript(js)
JavaScript(js) 一．引言 1. Javascript(js):基于浏览器的,解释型的,面向对象的编程语言2. 编程语言的分类:编译型语言 ---- C C++ (运行效率高,不能跨平台) ...

08 JavaScript-BOM

1. window对象

1.1 打开和关闭窗口

1.2 改变窗口位置和大小

1.3 定时设计

2. Location对象 /ləʊˈkeɪʃn/ (URL地址)

使用Location对象导航栏

3. History对象 /ˈhɪst(ə)ri/ (浏览历史)

3.1 history.go()方法

3.2 history.forward()和history.back()方法

4. Navigator对象 /ˈnævɪɡeɪtə(r)/ （浏览器信息）

4.1 appName

4.2 appVersion

4.3 userAgent

4.4 platform

08 JavaScript-BOM相关推荐

最新文章

热门文章