Javascript 如何在innerhtml函数中包含花括号

嗨，我正在尝试使用以下功能：

<script>
$(function(){
 document.getElementById("alert").innerHTML="<button {{action 'alert'}}>i</button>";
 });
</script>

但是，html呈现为：

<button 'alert'}}="" {{action="">i</button>

---

我已经搜索了，但找不到解决方案，非常感谢您的帮助。

您可以使用斜杠符号对字符进行转义

\{ 

或者，您可以使用它们的unicode值来解析特殊字符。下面是一个很好的图表：

---

在javascript字符串中使用“\”即跳过字符。我不认为模板代码是这样工作的……您试图插入无效的HTML代码。如果你想让它成为一个真正的按钮，你就不能这样做，至少不能不让HTML引擎带来一些不愉快的惊喜。如果你想将其作为纯文本数据而不是HTML标记，你应该用替换。感谢你的回复，模板代码来自emberjs，他们给出的示例是Contract，来自Yes，这是一个模板…你正在尝试动态更改模板吗？我尝试过反斜杠，但结果是一样的，我会尝试链接，谢谢。我知道你正在尝试创建一个模板化的余烬按钮。我想知道，即使您按照自己的意愿将元素添加到文档中，ember是否已经解析了DOM并执行了它的魔术？也许有一种方法可以创建带有余烬的动态按钮，它比添加到文档中的字符串更好。不需要动态添加，我很乐意将其推到应用商店中。本质上，模型显示一些文本，一些单词需要定义，所以我想在单词需要定义的旁边包含一个按钮来调用操作，这将触发一个带有定义的警报。其实很简单，我需要知道的是为什么代码会像我的第一篇文章中所显示的那样被破坏。