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