Question

如何追加标题标签？考虑消息页面的示例，其标题是：

消息

现在在页面中间我检查未读消息的数量，假设它是'4'然后我想要的是我的页面的标题应该变成：

消息（4）

我应该重写标签还是有其他方法可以追加标签。

Answer 1

使用PHP，只需在title元素中回显它。

如果您想使用JavaScript，可以执行此操作...

document.title = 'Messages (4) ' + document.title;

但是，如果您想要更改它，最好缓存原始标题，以便更新。

var originalTitle = document.title;
var prependToTitle = function(prefix) {
   document.title = prefix + originalTitle;
};

如果您只想更改标题，只需设置document.title属性。

更新

我想在facebook中实现类似的功能。即使主页未完全加载，标题也会出现，但在加载通知时，标题也会附加

如果它们出现在前面，则它们前置，而不是追加。上面的JavaScript函数符合您的要求。

Answer 2

如果您使用PHP检查未读邮件的数量，则应在页面开头进行检查，并在编写标题标签时进行修改。这是你唯一的选择;在将页面发送给用户后，PHP无法更新页面。

如果您使用的是Javascript，则可以像使用任何其他元素一样通过DOM修改标题标记。

Answer 3

Javascript似乎是您最好的选择。您可以通过这种方式轻松更新页面标题：

document.title = "Messages (" + varWithNumberOfMessages + ")";

Answer 4

使用JS执行此操作 - 例如使用jQuery：

var count = 4;
var title = $('title').text();

var updateTitle = function() {
    var newTitle = title;
    if ( count > 0 ) {
        newTitle += ' (' + count + ')';
    }
    $('title').text(newTitle);
}

在html中追加标题标签

4 个答案:

更新