案例3_自动跳转首页：
分析：
1.显示页面效果<p>
2 .倒计时读秒效果实现
2.1定义一个方法，获取span标签，修改span标签体内容，时间--
2.2定义一个定时器，1秒执行一次该方法
3.在方法中判断时间如果<= 0，则跳转到首页
代码实现：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>自动跳转首页</title>
</head>
<body>
<P>
<span id="time">5</span>秒之后,自动跳转到首页
</P>
<script>
let second = 5;
let time = document.getElementById("time");
//定义一个收房,获取span
function showTime() {
second --;
//判断时间结果<=0, 则跳转到首页
if (second <=0){
//跳转到首页
location.href = "http://www.baidu.com/";
}
time.innerHTML = second + "";
}
//设置定时器，1秒执行一次该方法
setInterval(showTime,1000);
</script>
</body>
</html>
DOM_概述：
概念：Document object Model文档对象模型
将标记语言文档的各个组成部分，封装为对象。可以使用这些对象，对标记语言文档进行CRUD的动态操作
w3C DOM标准被分为3个不同的部分：
核心DOM -针对任何结构化文档的标准模型
Document：文档对象
Element：元秦对象
Attribute：属性对象
Text：文本对象
comment：注释对象
Node：节点对象，其他5个的父对象
XML DOM -针对XML文档的标准模型
HTML DOM -针对HTML文档的标准模型
核心DOM模型︰
Document：文档对象本
Element：元素对象
Node：节点对象，其他5个的父对象
标签：DOM,对象,文档,首页,跳转,Document From： https://www.cnblogs.com/hungui/p/16922697.html