為什么我不能使該實體代碼在瀏覽器中正確顯示？

Question

我正在嘗試編碼要通過JavaScript寫入文檔中的英鎊符號，但是該代碼未進行翻譯，而是按輸入顯示。

請參閱此JSBin http://jsbin.com/orocox/1/edit

這是JavaScript：

$("#price").text('&pound; 1.99');

這是html：

<!DOCTYPE html>
<html>
<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
  <meta charset=utf-8 />
  <title>JS Bin</title>
</head>
<body>
  <span id="price"></span>
</body>
</html>

結果是：'＆pound（;）1.99'

*請注意，“;”周圍的括號 由我添加以防止實體代碼在StackOverflow上翻譯，但實際輸出中不存在。

我想要的結果是：“£1.99”。

Answer 1

使用unicode代替： jsbin

$("#price").text('\u00A3 1.99');

說明： £ 是html實體，不會作為普通文本處理。 但是unicode適用於任何文本。 由於您使用的是text ，因此將其作為字符串而非html處理。

檢查此頁的編碼參考：這里

Answer 2

嘗試$("#price").html('£ 1.99'); 代替。

Answer 3

使用角色本身：

$("#price").text('£ 1.99');

這有利於代碼的可讀性。 鍵入“£”的方式取決於您的編輯環境。 例如，在Windows上，如果找不到更方便的方式（取決於所使用的鍵盤，鍵盤布局和編輯器），則可以通過鍵入Alt 0163來生成它。

為什么我不能使該實體代碼在瀏覽器中正確顯示？

問題描述

3 個解決方案

解決方案1
4 已采納 2013-07-05 02:02:33

解決方案2
2 2013-07-05 02:02:19

解決方案3
0 2013-07-05 05:19:24

為什么我不能使該實體代碼在瀏覽器中正確顯示？

問題描述

3 個解決方案

解決方案1 4 已采納 2013-07-05 02:02:33

解決方案2 2 2013-07-05 02:02:19

解決方案3 0 2013-07-05 05:19:24

解決方案1
4 已采納 2013-07-05 02:02:33

解決方案2
2 2013-07-05 02:02:19

解決方案3
0 2013-07-05 05:19:24