诺兰网 - 只为资源而生-分享永无止境 - 专注优质源码/电脑软件/活动资讯/技术教程分享

利用js实现网页标题title动态改变

编辑:诺兰网 分类:代码教程 首发 阅读量:282 次
扫码手机访问
0
摘要:非常有趣的呦复制下面代码到header.php即可<script type="text/javascript"> /* 动态网页标题*/ var OriginTitile = document.title, ti...

利用js实现网页标题title动态改变

非常有趣的呦复制下面代码到header.php即可

<script type="text/javascript">
/* 动态网页标题*/
var OriginTitile = document.title,
titleTime;
document.addEventListener("visibilitychange",
function() {
 if (document.hidden) {
 $('[rel="shortcut icon"]').attr("href", "https:/yejiuqiu.cn/favicon.ico");
 document.title = "你别走吖 Σ(っ °Д °;)っ";
 clearTimeout(titleTime)
 } else {
 $('[rel="shortcut icon"]').attr("href", "https://yejiuqiu.cn/favicon.ico");
 document.title = "你可算回来了 (。•ˇ‸ˇ•。)" + OriginTitile;
 titleTime = setTimeout(function() {
 document.title = OriginTitile
 },
 2000)
 }
});
</script>
阅读时间:

字数统计:本文共有 624 个字

本文标题:《利用js实现网页标题title动态改变》发布于2022-8-4 16:39:08

版权声明:文章由《诺兰网》发布、原创转载请保留出处!

本文链接:https://www.nuolanz.com/post-943.html

上一篇
Addobe全家桶免费下载
下一篇
用js给博客代码块添加复制按钮的实现方法

免责声明:

本站提供的资源,都来自网络,版权争议与本站无关,所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负,我们不保证内容的长久可用性,通过使用本站内容随之而来的风险与本站无关,您必须在下载后的24个小时之内,从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序,请支持正版软件,购买注册,得到更好的正版服务。侵删请致信E-mail:2877741347@qq.com

同类推荐

最新文章

评论列表
签到

小姐姐视频

热门文章

随机推荐

标签云

代码教程 利用js实现网页标题title动态改变
非常有趣的呦复制下面代码到header.php即可<script type="text/javascript"> /* 动态网...
扫描二维码阅读原文
诺兰网 January, 01
生成社交图 ×