javascript - 使用 javascript 更改文档标题

Question

所以，我有一些事件会使用 javascript 更改文档标题。

    $('.someclass').click(function(){
        document.title = "Some new title"; 
    });

既然我已经重命名了文档标题，我该如何将它恢复到原来的样子？<title>html 文档中标签之间实际出现的文本？

Answer 1

您将在更改之前保存原始标题：

var originalTitle = document.title;

$('.someclass').click(function(){
    document.title = "Some new title"; 
});

$('.changeBack').click(function() {
    document.title = originalTitle;
});

（显然，您不必在任何特定的点击处理程序中将其改回，我展示的代码只是一个示例。）

Answer 2

如果你不想切换，你也可以这样做：

// saving the titles in an object
var title = {
    oldTitle: document.title,
    newTitle: "This is the new title"
};
var oldTitle = true; // flag set to true initially

// Toggling on click
$('.someClass').on('click', function(){
    // Check the flag and set the value accordingly
    if(oldTitle){
        document.title = title.newTitle;
        oldTitle = false;
    } else {
        document.title = title.oldTitle;
        oldTitle = true;
    }
});

Answer 3

如果你想在 2 个不同的标题之间切换，你可以这样做。

var arr = ["oldtitle", "newtitle"], i = 0;
$('.someclass').on("click", function(){
    document.title = arr[i++%2]
});