早睡早起,方能养生!
Sleep early rise early, square can preserve one's health!

Js动态修改浏览器title

super
2021-02-22 18:56
views 212

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>

分享
0 条讨论
top