Prepend to the title tag using jQuery?

Question

I want to have my title tag look like this:

My Website - Name of Page

I want to prepend the My Website - part so that I don't have to type it on every new page I make. So the title tag that I actually have on the page would be:

<title>Name of Page</title>

Is this possible?

Also, users will appreciate it if you use `Name of Page - Name of Website` instead of the other way around - that way you can actually see which tab is which when the titles are cut off. — Amber, Apr 15 '10 at 02:45

score 4 · Accepted Answer · answered Apr 15 '10 at 02:46

4

I think a jquery script to do it would be:

$(document).ready(function() { 
    document.title = "Your WebSite Name - " + document.title; 
});

I would recommend doing this at the page level instead of client side though...

answered Apr 15 '10 at 02:46

Kelsey

47,246
16
124
162

Didn't think it would be this simple, but ok. ;-) – Bob Dylan Apr 15 '10 at 02:48
4

2/3 of those lines (the jQuery ones) are unnecessary – Michael Haren Apr 15 '10 at 02:49
I gave you the accepted answer solely because it made your rep a nicer number ;-). – Bob Dylan Apr 15 '10 at 03:04

score 0 · Answer 2 · answered Apr 15 '10 at 02:45

0

Seems others have tried and not been able to do is using jQuery but you can use document.title, http://hancic.info/change-page-title-with-jquery

answered Apr 15 '10 at 02:45

Jonathan

5,953
1
26
35

Prepend to the title tag using jQuery?

2 Answers2