Js动态修改浏览器title

title标签：

 <title> 元素可定义文档的标题。

 浏览器会以特殊的方式来使用标题，并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样，当把文档加入用户的链接列表或者收藏夹或书签列表时，标题将成为该文档链接的默认名称。

 今天给您分享如何使用js动态修改浏览器标题也就是title标签的内容。代码如下

<script>
 	// 方式一
    document.title = 'new title';

	// 方式二
	document.getElementsByTagName("title")[0].innerText = 'new title';
</script>

 拓展

 如何获取title标签内容：

<script>
	// 方式一
 	console.log(document.title);
 	
 	// 方式二
 	console.log(document.getElementsByTagName("title")[0]);
</script>

 实现浏览器切换窗口时，title改变：

<script>
	// 得了焦点
	window.onfocus = function () {
		document.title = '恢复正常啦> <';
	};

	// 失去焦点
	window.onblur = function () {
		document.title = '页面崩溃啦T T';
	};
</script>