文档标题 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>