Question

这是InnerHTML字符串
我正在innerHTML内调用一个函数，但它不被视为函数调用，相反，如果我使用脚本标记，它只会按原样打印代码。

addCard()
  {
    if(this.cardItem.length == 0)
    {
      this.dataOrder = 0;
      this.temp = "<html><div class='col-md-4' id='replicateCard'><div class='card custom-card'><img class='card-img-top card-image' src='../../assets/images/user.png' alt='Card image cap'><a class='close' onclick='showAlert()'>×</a><div class='card-body card-body-custom'><br><p class='card-title'>"+this.dataTitle+"</p><p class='card-text'>"+this.dataDesc+"</p><p class='card-text'>"+this.dataDesc+"</p><p class='card-text'>"+this.dataOrder+"</p></div></div></div></html>";
      this.cardItem.splice(this.dataOrder, 0, this.temp);
    }
}

这是我要调用的函数：

 showAlert()
  {
    alert("I'm working");
  }

Answer 1

尽管我不建议这样做。对于您的情况，您需要确保第二个功能在全局范围内。

如果没有，您可以简单地将其写为

window.showAlert = function(){ alert("your message") }

或者您可以将事件动态绑定到新的dom元素

如何在innerHTML中调用函数？

1 个答案: