使用Javascript更改标题

Question

如何使用Jquery修改现有文档的标题，使得鼠标悬停时标题更改，就像Facebook标题链接一样。

- ukung

---

你可以在这里看到一个jQuery代码示例。 - Uzbekjon

可能是使用Jquery更改页面标题的重复问题。 - kapa

可能是如何动态更改网页标题？的重复问题。 - vrintle

Answer 1

你不需要 jQuery。

document.title = 'My new title here';

- Jordan

Answer 2

使用JavaScript，jQuery在这里无法帮助你：

document.title = 'New Title';

你可以将其插入到jQuery鼠标悬停回调函数中，如果你想要的话。

- Paul

Answer 3

我将扩展其他答案，以下代码可以完整实现，只需确保更改选择器中的类以及新标题文本即可。

(function(){
    var oldtitle;
    jQuery('a.yourlink').hover(
        function () {
           oldtitle = document.title;
           document.title = 'Your New Title';
        },
        function () {
            document.title = oldtitle;
        }
    );
})();

这里是我制作的一个jsfiddle演示，它能够修改对象的文本内容，而不是窗口标题：http://jsfiddle.net/MpZGf/1/

- Toby

---

当第二次需要oldTitle时，它似乎会超出范围。 - bbg

这样不行。当第二个函数被调用时，oldtitle将不存在。你必须将oldtitle移到更高的作用域或将其保存在其他地方。 - jfriend00

把所有东西都包装在一个函数中，而不必像这里一样附加额外的“属性”到文档中，这样不是更好吗 - http://jsfiddle.net/aranm/gUsnC/2/ - Aran Mulholland

Answer 4

请尝试：

document.title = 'title';

- The Mask