【JavaScript】案例3：定时弹广告以及BOM对象
🔎这里是【JavaScript】，关注我学习前端不迷路
👍如果对你有帮助，给博主一个免费的点赞以示鼓励
欢迎各位🔎点赞👍评论收藏⭐️
👀专栏介绍
【JavaScript】 目前主要更新JavaScript，一起学习一起进步。
👀本期介绍
本期主要介绍案例3：定时弹广告以及BOM对象
文章目录
1. 案例 3：定时弹广告
1.1 需求说明
网站顶部在页面打开两秒后显示广告图；
广告图展示两秒后关闭广告图；
1.2 需求分析
提示：1、元素.className 会访问 元素的 class 属性值
1.3 案例代码实现
2. BOM 对象
2.1 BOM 对象是什么？有什么用？
BOM
（Browser Object Model）浏览器对象模型
浏览器：
IE
、火狐、谷歌等
作用：用来执行浏览器的相关操作。（例如：浏览器的地址、弹出消息等）
一般情况下，
window
代表了
BOM
对象。
window
对象是
JavaScript
的内置对象，使用
window
对象调用方法时可以省略
window
不写。
2.2 BOM 对象消息框
方法：消息框
2.3 BOM 对象-location 对象
location 对象包含浏览器 地址栏 的信息。
设置 href 属性，浏览器就会跳转到对应的路径
2.4 BOM 对象-history 对象（了解）
go()
方法：跳转到历史列表中的指定页面
a) go(-1)
加载前一个连接，等效
back()
b) go(1)
加载后一个链接，等效
forward()
3. 课外扩展（了解）
3.1 脚本语言历史介绍
1992
年，
Nombas
公司开发
Cmm
（
C-minus-minus
）嵌入式脚本语言，后更名为
ScriptEase
。
1995
年
Netscape
网景公司开发
Netscape Navigator 2.0
浏览器内置的
LiveScript
脚本语言，
Netscape
Navigator 2.0
即将正式发布前，
Netscape
将其更名为
JavaScript
同时，微软进军浏览器，发布了
IE 3.0
并搭载了一个
JavaScript
的克隆版，叫做
JScript
1997
年，
TC39
委员会为了统一脚本语言推出
ECMA-262
标准，标准将脚本语言命名为
ECMAScript
。
如今，所有主流浏览器都遵守
ECMA-262
标准。
ECMAScript
是标准，
JavaScript
是标准的具体实
现。
在之后的开发中，我们大多习惯使用
JavaScript
表示浏览器脚本语言。
3.2 JavaScript 和 JAVA 比较
1.
出身不同
JavaScript
是
Netscape
公司的产品，前身是
LiveScript
；
Java
是
Sun
公司的产品，现在是
Oracle
公司的产品。
2.
结构思想不同
JavaScript
是基于对象，就是使用对象，
JavaScript
不支持多态。
Java
是面向对象，三大特性
(
封装，继承，多态
)
缺一不可。
3.
执行方式不同
JavaScript
只需解释就可以执行
Java
需要先编译成字节码文件，再执行
4.
类型种类不同
JavaScript
是弱类型，一个变量可以存放任意类型的数据。
Java
是强类型，
Integer
类型只能存放整形。
5.
命名相同
JavaScript
与
java
一样都区分大小写
历史故事：
JavaScript
更名之前，
Java
已经开始流行，
Netscape
借了一次东风，且非常成功。但
JavaScript
和
Java
除了都含有“
Java
”单词，没有任何关系。
JavaScript
和
Java
好比：雷锋和雷峰塔。 都发音为：
leifeng
，但本质完全不同
3.3 语句
3.3.1 if 语句
if
语句是逻辑判断语句，最常用的语句之一。
if 语句的语法
1
：
if 语句的语法 2：
3.3.2 switch 语句
switch 语句
3.3.3 while 语句
while 语句是循环语句。
3.3.4 for 语句
for 循环
3.3.5 instanceof 运算符
在使用
typeof
运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它
都
返回
"object"
。
ECMAScript
引入了另一个
Java
运算符
instanceof
来解决这个问题。
instanceof
运算符与
typeof
运算符相似，用于识别正在处理的
对象的类型
。与
typeof
方法不同的
是，
instanceof
方法要求开发者明确地确认对象为某特定类型。
例如：
浙公网安备 33010602011771号