js 动态修改浏览器标签的 title
2023-06-13 09:18:40 时间
根据 浏览器标签是否隐藏 来更新浏览器标签的标题(PC 上的浏览器效果明显)。
django 前后端不分离项目的话,js 放在 base.html 模板里,其他模板继承 base.html,就可以全部页面都有标签 title 变化的效果了。
<script>
var cur_title = document.title;
var titles = ["(。•ˇ‸ˇ•。)咦,你什么时候回来", "(((┏(; ̄▽ ̄)┛嗨,我一直在", "∑(っ°Д°;)っ哎呦,藏起来了",
"(。ŏ_ŏ)哼,你居然走了", "(✪ω✪)哈哈,等你来撩"];
var titles_back = ["你回来啦(^_−)☆", "欢迎回来(づ ̄ 3 ̄)づ"];
document.addEventListener('visibilitychange', function () {
var isHidden = document.hidden;
var title_random = titles[Math.floor((Math.random() * titles.length))];
var title_random_back = titles_back[Math.floor((Math.random() * titles_back.length))];
if (isHidden) {
document.title = title_random;
setTimeout(function () {
document.title = cur_title;
}, 3000);
} else {
document.title = title_random_back;
setTimeout(function () {
document.title = cur_title;
}, 1500);
}
});
</script>
相关文章
- Fabric.js 使用纯色遮挡画布(前景色)
- 【说站】js箭头函数是什么
- Js自动播放HTML音乐(不受浏览器限制,无需先与浏览器交互,无需对浏览器进行修改)
- HTML+css+js代码春节灯笼
- 原生 JS 实现 HTML 转 Markdown ,html2md.js
- 如何使用jscythe并通过Node.js的Inspector机制执行任意JS代码
- 浅谈JS变量声明和函数声明提升详解编程语言
- JS DOMContentLoaded事件:DOM文档结构加载完毕
- 使用JS技术实现Oracle数据库链接(js 链接 oracle)
- js鼠标点击事件在各个浏览器中的写法及Event对象属性介绍
- js自定义事件及事件交互原理概述(二)
- 原生js实现跨浏览器获取鼠标按键的值
- js获取当前日期代码适用于网页头部
- js添加table的行和列具体实现方法
- JS获取浏览器和屏幕宽高等信息的实现思路及代码
- js取两个数组的交集|差集|并集|补集|去重示例代码
- js控制frameSet示例
- js判断IE浏览器版本过低示例代码
- js实现可拖动DIV的方法
- js打开新窗口方法整理
- js动态移动滚动条至底部示例代码
- 原生js的弹出层且其内的窗口居中
- js如何判断用户是否是用微信浏览器
- js获取浏览器基本信息大全