Question

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

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

现在我已经重命名了文档标题，如何将其恢复为原来的状态？实际出现在html文档中<title>标记之间的文本？

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

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

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

使用javascript更改文档标题

3 个答案: