如何在innerHTML中调用函数？

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 个解决方案

解决方案1
1 已采纳 2018-08-14 14:33:12

如何在innerHTML中调用函数？

问题描述

1 个解决方案

解决方案1 1 已采纳 2018-08-14 14:33:12

解决方案1
1 已采纳 2018-08-14 14:33:12