Set » HTML entity in JavaScript's document.title?

Question

I'm setting document.title with JavaScript, and I can't find a way to supply » (&raquo) without it appearing as literal text.

Here's my code:

document.title = 'Home » site.com'; 

If I use &raquo ; in the title tag of the document it works great and displays correctly as », but it seems to be unescaping when I include it in document.title.

Any ideas?

thanks!

Answer 1

document.title takes the string as it is, so you can do this:

document.title = 'Home » site.com';

If you need to provide it as the entity name, you can set the innerHTML attribute. Here are two examples of how you can do it.

document.getElementsByTagName('title')[0].innerHTML = '»';
// or
document.querySelector('title').innerHTML = "»";

Answer 2

Try

document.title = 'Home \u00bb site.com';

Generally you can look up your special character at a site like this and then, once you know the numeric code, you can construct a Unicode escape sequence in your JavaScript string. Here, that character is code 187, which is "bb" in hex. JavaScript Unicode escapes look like "\u" followed by 4 hex digits.