网站设置动态标题,实现标签自定义字样

当我们离开网站的某个浏览页面切换到另一个页面时,会看到上一个也没的标签文字会变化,比如提示“你别走吖”之类的字样,当我们点回来的时候页面又会提示“你回来啦”的字样,这是怎么实现的呢?

我们只需要一句JavaScript语句即可实现这个效果,将下面的代码添加在网站页面中的</head>前即可实现:

	var OriginTitile = document.title, titleTime;
	document.addEventListener("visibilitychange", function() {
		if (document.hidden) {
			document.title = "你别走吖 Σ(っ °Д °;)っ";
			clearTimeout(titleTime)
		} else {
			document.title = "(/≧▽≦/)你又回来啦! ";
			titleTime = setTimeout(function() {
					document.title = OriginTitile
				},
				2000)
		}
	});

PS:代码中的title可以修改成自己喜欢的标题文字。

本文由雪落千尘原创发布,欢迎大家转载分享


转载请注明本文地址:https://ipaler.com/2036.html
(2)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2017年4月25日 14:28
下一篇 2022年7月31日 00:00

相关推荐

发表回复

登录后才能评论