文档标题 title
文档标题,文档头部唯一必须的元素,建议一个文档只有一个文档标题。
其作用是:
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时显示的标题
- 搜索引擎结果中的页面标题
元素内容当作文本处理,也就是说,title 只包含文本,若内容中含有标签,包含的任何标签都不会被解析。
<title>文档标题</title>
通过脚本动态获取和设置 title
// 基本语法
<script>
// 获取
alert(document.title);
// 设置
document.title="HelloWorld";
</script>
// 代码示例:下载进度提示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>代码示例-进度提示</title>
<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;
}
},1000);
</script>
</head>
<body></body>
</html>