初识BOM、内置对象、定时器

BOM

BOM的概念

 浏览器对象模型

BOM的五大对象

 document       文档对象
 History        历史记录对象
 Location       文档地址栏的信息
 Navigator      浏览器本身的信息，浏览器的版本、名称等等
 Screen         有关客户端屏幕的信息

JS的内置对象(六种)

万事万物结识对象

Math(数学对象) Date(日期对象) Array(数组) Number(数值对象) String(字符串对象) Boolean(布尔对象)

BOM的顶级对象是什么？

是window

对话框

 alert()  弹出框
 prompt() 输入框
 confirm()  确认框
 open()打开
 close()关闭

定时器

一次性计时器

• 仅仅在指定的延迟时间间隔后触发一次。仅仅执行一次。
  设置和取消一次性计时器的方法
• 区分
  setTimeout()
  clearTimeout()清除一次性计时器

setTimeout()和clearTimeout()

// 创建一个定时器，1000毫秒后执行，返回定时器的标示
var timerId = setTimeout(function () {
  console.log('Hello World');
}, 1000);

// 取消定时器的执行
clearTimeout(timerId);

间隔性计时器

• 每隔一定的时间间隔就触发一次。
  设置和取消间隔计时器的方法

• 区分
  setInterval(函数、毫秒数)在每隔指定的时间执行代码
  clearInterval(定时器名) 取消setInterval的设置

setInterval()和clearInterval()

// 创建一个定时器，每隔1秒调用一次
var timerId = setInterval(function () {
  var date = new Date();
  console.log(date.toLocaleTimeString());
}, 1000);

// 取消定时器的执行
clearInterval(timerId);

location对象

概念:可以获取或者设置浏览器地址栏的URL

protocol:通信协议
host:域名
port:端口号
path:路径

history

• back() 后退
• forward() 前进

navigator对象

• userAgent浏览器的类型
• appVersion 浏览器的版本号
• platform浏览器所在的系统平台类型.

Screen对象

• width宽。
• height高。
• availWidth
• availHeight

iframe框架简介

简介

可以在一个网页中嵌入另一个网页

创建日期对象的两种方式

    var date = new Date();
    var date = new Date("yyyy/mm/dd hh:mm:ss");//年/月/日 时:分:秒