好资源导航 » 文章资讯 » js 动态生成html 触发事件传参字符转义的实例

js 动态生成html 触发事件传参字符转义的实例

2024-02-29 16:50:03 405

通常，在使用JS动态生成html的过程中，会嵌入相应的样式、事件等属性元素，而这时经常会出现所谓的“单、双引号不够用”的情况，别急，这时可以利用html语言中的转义字符来解决。

下面就来介绍一下相应的转义字符吧：

&——(ampersand)转义字符对应为 &

“ ——(doublequote)双引号，转义字符对应为 "

' ——(singlequote)单引号，转义字符对应为 '

< ——(lessthan)小于号，转义字符对应为 <

> ——(greaterthan)大于号，转义字符对应为 >

例如，在js中：

varhtml="<divonclick='orderIt(&#039"+food.picture+"&#039)'>点击它</div>";

则对应生成的html就为：

<divonclick=”orderIt('price')">点击它</div>

以上这篇js动态生成html触发事件传参字符转义的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。