javascript - Facebookのようなドキュメントタイトルを更新して正しく削除するにはどうすればよいですか？

Question

Facebookで通知を受信すると、ドキュメントのタイトルが自動的に更新されます

（1）Facebook

javascriptでこれを行う方法は？

更新： ユーザーが指定されたdivをクリックしたときに（N）を挿入して削除する方法を知りたいです。

Answer 1

ドキュメントのタイトルを更新する簡単な方法があります：

document.title = 'My new title';

#fooこれは、新しい通知が利用可能になったときにタイトルを更新し、ユーザーがdivをクリックしたときにタイトルを再度更新する（新しい通知の数を削除する）コードスニペットです。

var title = document.title;
var notifications = 0;
jQuery.post(url, data, function(response) {


    // this regex will test if the document title already has a notification count in it, e.g. (1) My Document
    if (/\([\d]+\)/.test(title)) {
        // we will split the title after the first bracket
        title = title.split(') ');
        // get the first part of the splitted string and save it - this will be the count of the unseen notifications in our document string
        notifications = title[0].substring(1);

        // only proceed when the notification count is difference to our ajax request
        if (notifications == response)
            return;
        // else update the title with the new notification count
        else
            document.title = '(' + sp_response + ') ' + title[1];   
    }   
    // when the current document title does not contain any notification count, just update it
    else {
        document.title = '(' + sp_response + ') ' + title;
    }

});

jQuery('#foo').click(function(event){
    var title = document.title;
    if (/\([\d]+\)/.test(title)) {
        title = title.split(') ');
        document.title = title[1];  
    }
});