JavaScript 内联事件或事后添加事件

Question

我有一个问题，我似乎无法自己决定，所以我会在这里问。问题很简单:是使用内联 JavaScript 事件还是事后添加它们？但背景理论并不那么简单:

我有一个返回 HTML 的 JS 对象。每当您创建此对象时，返回的 HTML 将用于另一个对象的 HTML。因此，添加事件并不简单。请参阅:

secret.object = function() {
  this.init = function() {
    var html = '<div>and lots of other HTML content</div>';
    return html;
  };
}

这是在此代码中创建的示例对象:

for ( var i = 0; i < countObjects; i++) {
  var obj = arguments[0].content[i];
  generatedContent += spawnSecret(); /* The spawnSecret() is a method that initializes the object, and calls its init() method that returns the HTML.

}

然后我创建一个新对象，其属性“content”将设置为“generatedContent”。它需要将事件添加到我拥有的 secret 对象中，而不是其他地方。由于我的系统是这样构建的，因此我只看到两种解决方法:使用内联事件或使用方法调用而不是返回来构建 HTML。

希望这并不太难理解。

Answer 1

如果您使用 document.createElement() 创建元素(但没有将它们附加到 DOM)并保留对它们的引用，那么您可以使用文本内容填充它们并附加它们的事件处理程序，而不必使用内联事件。

当您准备好透露您的“ secret ”时，您可以将它们附加到 DOM，而不是转储到 HTML 标签和内容的文本字符串中。