一般,在使用 JS 動態生成 html 的過程當中,會嵌入相應的樣式、事件等屬性元素,而這時常常會出現所謂的 「單、雙引號不夠用」 的狀況,別急,這時能夠利用 html 語言中的轉義字符來解決。下面就來介紹一下相應的轉義字符吧:
& —— (ampersand) 轉義字符對應爲 &
「 —— (double quote) 雙引號,轉義字符對應爲 "
' —— (single quote)單引號,轉義字符對應爲 '
< —— (less than) 小於號,轉義字符對應爲 <
> —— (greater than) 大於號,轉義字符對應爲 >
例如,在 js 中:
var html = "<div onclick='orderIt('"+food.picture+"')'>點擊它</div>";
則對應生成的 html 就爲:
<div onclick=」orderIt('price')">點擊它</div>