Question

How can I append the title tag? Consider the example of messages page, its title is :

Messages

Now on the middle of the page I check the amount of unread messages, suppose it is ‘4’ then what I want is that the title of my page should become:

Messages (4)

Should I rewrite the tag or is there another way to append it.

Answer 1

To do with PHP, just echo it within your title element.

If you are wanting to do it with JavaScript, you can do this…

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

However, if you want to change it, it may better off caching the original title to make it easier to update.

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

If you simply want to change the title, just set the document.title property.

Update

I want to achieve similar thing like in facebook. Even when the homepage is not fully loaded the title appears but as the notifications are loaded the title also appends

If they appear at the front, they are being prepended, not appended. The JavaScript function above will suit your requirements.