js实现title
使用 JavaScript 修改页面标题
通过修改 document.title 属性可以动态更改网页标题：
document.title = "新的页面标题";监听标题变化
如果需要监听标题变化，可以使用 MutationObserver：
const observer = new MutationObserver(function(mutations) {
console.log("标题已更改为：" + document.title);
});
observer.observe(document.querySelector('title'), {
childList: true
});动态标题效果
实现闪烁或滚动的动态标题效果：
let counter = 0;
setInterval(() => {
document.title = `新消息(${counter++})`;
}, 1000);保留原始标题
临时修改标题后恢复原始标题：
const originalTitle = document.title;
document.title = "临时标题";
// 恢复原始标题
setTimeout(() => {
document.title = originalTitle;
}, 3000);浏览器标签页可见性
结合 Page Visibility API 实现标题变化：
document.addEventListener('visibilitychange', () => {
if (document.hidden) {
document.title = "快回来！";
} else {
document.title = "欢迎回来";
}
});SEO 注意事项
动态修改标题可能影响SEO，建议：
- 确保标题与内容相关
- 避免频繁或快速更改标题
- 重要的关键词保留在标题中
