通常，在使用 JS 動(dòng)態(tài)生成 html 的過程中，會(huì)嵌入相應(yīng)的樣式、事件等屬性元素，而這時(shí)經(jīng)常會(huì)出現(xiàn)所謂的 “單、雙引號(hào)不夠用” 的情況，別急，這時(shí)可以利用 html 語言中的轉(zhuǎn)義字符來解決。

下面就來介紹一下相應(yīng)的轉(zhuǎn)義字符吧：

& —— (ampersand) 轉(zhuǎn)義字符對(duì)應(yīng)為   &

“   —— (double quote) 雙引號(hào)，轉(zhuǎn)義字符對(duì)應(yīng)為  "

'  —— (single quote)單引號(hào)，轉(zhuǎn)義字符對(duì)應(yīng)為  '

<  —— (less than) 小于號(hào)，轉(zhuǎn)義字符對(duì)應(yīng)為   &lt;

>  —— (greater than) 大于號(hào)，轉(zhuǎn)義字符對(duì)應(yīng)為  &gt;

例如，在 js 中：

var html = "<div onclick='orderIt(&#039"+food.picture+"&#039)'>點(diǎn)擊它</div>";

則對(duì)應(yīng)生成的 html 就為：

<div onclick=”orderIt('price')">點(diǎn)擊它</div>

以上這篇js 動(dòng)態(tài)生成html 觸發(fā)事件傳參字符轉(zhuǎn)義的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。