js动态修改页面标题
2017-09-21 15:14
519 查看
原生js 动态修改页面标题,窗口获得焦点时显示正常的标题,失去焦点显示指定的标题,效果预览:
代码如下:
转载于:
https://zhangge.net/5032.html 张戈博客
http://www.weifans.cc/wordpress-a/tech/2379.html 微饭网
代码如下:
// <!-- 标题动态切换代码 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 微饭网
相关文章推荐
- asp.net 2.0中动态修改页面标题
- 动态修改页面标题,关键字及描述等信息
- asp.net 2.0中动态修改页面标题
- js动态修改整个页面样式达到换肤效果
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- 动态修改页面标题,关键字及描述等信息
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- asp.net2.0中动态修改页面标题
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- js动态修改整个页面样式达到换肤效果
- asp.net 2.0中动态修改页面标题
- ASP.NET给前端动态添加修改 CSS样式JS 标题 关键字(转载)
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- asp.net 2.0中动态修改页面标题
- js动态修改某个页面对象的class
- Jquery修改页面标题title其它JS失效的解决方法
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案
- JS动态修改页面EasyUI datebox不生效、EasyUI动态添加Class、EasyUI动态渲染解析解决方案