js 動態生成html 觸發事件傳參字符轉義

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