js插入html中引号识别错乱现象解决

春节将近，为了完成我给小木盒定下的开发目标，我准备采用bootstrap的toast组件来完成pop通知

我使用js操作HTML，给通知的关闭按钮动态注入js代码，遇到了奇怪的一幕

经过漫长的探索，解决办法如下

1
2
var onclick = "onclick='$('#toast').remove()'";

由于html中，双引号的优先级大于单引号的优先级，我们可以借助js中的斜杠转义来在字符串中实现双引号。

把上面的代码替换成：

1
2
var onclick = "onclick=\"$('#toast').remove()\"";

HTML识别问题完美解决。