05 【案例】HTML : 文档标题
2018-02-13 本文已影响0人
Toyou2018
1.标题的应用场景
标签页上显示、浏览器的历史记录、收藏夹的名称还有搜索引擎搜到的内容
2.文档标题的特性
<title>标签，表示文档的标题或名称，注意一个文档最多一个标题，元素的内容是被当做文本处理的，可以通过脚本设置和获取标题：document.title
3.案例：
在标题中加入进度条的显示
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<h2>这是一个网页</h2>
<script>
var percent = 0;
var title = "这是一个网页";
var timer = setInterval(function(){
if (percent >= 100){
document.title = title;
clearInterval(timer);
}else{
percent = percent + 1;
document.title = '【'+percent+'%】'+title;
}
},100)
</script>
</body>
</html>
但是老师演示的是有滚动效果的，这个我还不会，等学好了回来写...
