前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【JavaScript】案例3:定时弹广告以及BOM对象

【JavaScript】案例3:定时弹广告以及BOM对象

作者头像
陶然同学
发布2023-02-27 11:31:05
3590
发布2023-02-27 11:31:05
举报
文章被收录于专栏:陶然同学博客

👀专栏介绍

【JavaScript】 目前主要更新JavaScript,一起学习一起进步。

👀本期介绍

本期主要介绍案例3:定时弹广告以及BOM对象

文章目录

1. 案例 3:定时弹广告

1.1 需求说明

1.2 需求分析

1.3 案例代码实现

2. BOM 对象

2.1 BOM 对象是什么?有什么用?

2.3 BOM 对象-location 对象

2.4 BOM 对象-history 对象(了解)

3. 课外扩展(了解)

3.1 脚本语言历史介绍

3.2 JavaScript 和 JAVA 比较

3.3 语句

3.3.1 if 语句

3.3.2 switch 语句

3.3.3 while 语句

3.3.4 for 语句

3.3.5 instanceof 运算符

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 方法要求开发者明确地确认对象为某特定类型。

例如:

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-07-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 👀专栏介绍
  • 👀本期介绍
  • 文章目录
  • 1. 案例 3:定时弹广告
    • 1.1 需求说明
      • 1.2 需求分析
        • 1.3 案例代码实现
        • 2. BOM 对象
          • 2.1 BOM 对象是什么?有什么用?
            • 2.3 BOM 对象-location 对象
              • 2.4 BOM 对象-history 对象(了解)
              • 3. 课外扩展(了解)
                • 3.1 脚本语言历史介绍
                  • 3.2 JavaScript 和 JAVA 比较
                    • 3.3 语句
                      • 3.3.1 if 语句
                      • 3.3.2 switch 语句
                      • 3.3.3 while 语句
                      • 3.3.4 for 语句
                      • 3.3.5 instanceof 运算符
                  领券
                  问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档