用JavaScript改变浏览器标签页标题的技巧

软件项目的开发进度是世界上所有任务中最难估计的,原因就在于它的灵活性、开发人员的多样性。有时候看起来很简单的任务,因为程序员对一个知识点的掌握不足,就需要从头找资料学习,浪费大量的时间。所以,平时多注意积累一些小技巧是个好习惯。今天要说的这个技巧是如何修改浏览器标签页的标题。

很多年纪大程序员估计对个技巧很熟悉,在老式的IE浏览器里,当年还没有标签页的概念,浏览器只有一个页面,这种情况下,修改浏览器Windows窗口标题的方法是:

window.title = '我是窗口标题!';

但随着浏览器的进步,现代浏览器都实现了多标签页(tab)的概念,就是在一个浏览器窗口里同时打开着多个页面实例。如果这时我们需要实现某个标签页的标题不停闪动,来提示页面内容有重要信息需要关注,这时候在用老的方法就不灵了。这时候需要我们针对每个标签页来单独修改它的窗口标题。我们需要使用的方法是这样的:

document.title = 'Hello!'; // New title 🙂

很多人在这种情况下会误用window.title,事实上这里必须要使用 document对象,否则没有效果。时代在进步,浏览器在进步,我们学到的知识也要跟着更新,否则就会落后,被淘汰。

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注