您的位置:首页 > Web前端 > JavaScript

js动态修改页面标题

2017-09-21 15:14 519 查看
原生js 动态修改页面标题,窗口获得焦点时显示正常的标题,失去焦点显示指定的标题,效果预览:



代码如下:

// <!-- 标题动态切换代码 Start -->
window.onload = function () {
let hour = new Date().getHours()
let str = ''
if (hour < 6) {
str = '凌晨'
} else if (hour < 9) {
str = '早上'
} else if (hour < 12) {
str = '上午'
} else if (hour < 14) {
str = '中午'
} else if (hour < 17) {
str = '下午'
} else if (hour < 19) {
str = '傍晚'
} else if (hour < 22) {
str = '晚上'
} else {
str = '夜里'
}

function c () {
document.title = document[a] ? '㋡ Hi,小伙伴,' + str + '好! [' + d + ']' : d
}

let a = document.title
let b = document.title
let d = document.title
typeof document.hidden !== 'undefined' ? (a = 'hidden', b = 'visibilitychange')
: typeof document.mozHidden !== 'undefined' ? (a = 'mozHidden', b = 'mozvisibilitychange')
: typeof document.webkitHidden !== 'undefined' && (a = 'webkitHidden', b = 'webkitvisibilitychange')
typeof document.addEventListener === 'undefined' && typeof document[a] === 'undefined' || document.addEventListener(b, c, !1)
}
// <!-- 标题动态切换代码 End -->


转载于:
https://zhangge.net/5032.html 张戈博客
http://www.weifans.cc/wordpress-a/tech/2379.html 微饭网
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript title