Use currency symbol with HTML5 and JavaScript

Question

I am writing a basic HTML5 with some JavaScript.

I am using the following doctype:

<!DOCTYPE html>

And I have set my UTF-8 encoding like do (in the head tag):

<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">

The problem is, I have this javascript object which looks is exactly like this:

var symbol = {"GBP":"£", "EUR":"€", "USD":"$"};
alert(symbol['GBP']);

When the object is called it returns with the infamous !

Could somebody please point me in the right direction?

Thanks,

Peter

Answer 1

Some steps you don't mention:

Configure your editor to save files as UTF-8
Configure your web server to send Content-Type: text/html; charset=utf-8 Content-Type: text/html; charset=utf-8

Answer 2

What editor do you use? There is a possibility that you editor saves file in some iso8859 encoding. Try to use for example notepad and save file in UTF-8 encoding.

Answer 3

可能是您可以改用HTML实体。

var symbol = {"GBP":"&#163;", "EUR":"&#8364;", "USD":"&#36;"};

Answer 4

So it turns out, when you use the alert function, it doesn't like using special characters. My code was absolutely fine when I used the special characters in the HTML document. So instead I used something like this:

$(this).html(symbol['GPB']);

Thanks for your effort guys!

Peter

Use currency symbol with HTML5 and JavaScript

Question

4 answers

solution1
3 2013-02-12 15:33:37

solution2
2 2013-02-12 15:13:05

solution3
0 2013-02-12 15:35:33

solution4
0 ACCPTED 2013-02-18 00:58:37

Use currency symbol with HTML5 and JavaScript

Question

4 answers

solution1 3 2013-02-12 15:33:37

solution2 2 2013-02-12 15:13:05

solution3 0 2013-02-12 15:35:33

solution4 0 ACCPTED 2013-02-18 00:58:37

solution1
3 2013-02-12 15:33:37

solution2
2 2013-02-12 15:13:05

solution3
0 2013-02-12 15:35:33

solution4
0 ACCPTED 2013-02-18 00:58:37