Wie kann die Inline-Skriptausführung nach der Verwendung von innerHTML garantiert werden?

Techniken zum Ausführen von Inline-Skripten mit innerHTML

Das Einfügen von Skripten in eine Webseite mit innerHTML hat seine Grenzen. Obwohl das Skript möglicherweise im DOM angezeigt wird, wird es häufig nicht automatisch ausgeführt. Um dieses Problem zu beheben und die Skriptausführung beim Einfügen zu ermöglichen, können bestimmte Methoden eingesetzt werden.

Methode: Skripte rekursiv ersetzen

Dieser Ansatz beinhaltet das Ersetzen jedes Inline-Skriptelements durch ein ausführbares Gegenstück. Der folgende Codeausschnitt demonstriert die Implementierung:

function nodeScriptReplace(node) {
  if (nodeScriptIs(node) === true) {
    node.parentNode.replaceChild(nodeScriptClone(node), node);
  } else {
    var i = -1,
      children = node.childNodes;
    while (++i < children.length) {
      nodeScriptReplace(children[i]);
    }
  }

  return node;
}

function nodeScriptClone(node) {
  var script = document.createElement("script");
  script.text = node.innerHTML;

  var i = -1,
    attrs = node.attributes,
    attr;
  while (++i < attrs.length) {
    script.setAttribute((attr = attrs[i]).name, attr.value);
  }
  return script;
}

function nodeScriptIs(node) {
  return node.tagName === 'SCRIPT';
}

Beispielverwendung:

nodeScriptReplace(document.getElementsByTagName("body")[0]);

Diese Methode durchläuft rekursiv den DOM-Baum, identifiziert und ersetzt Inline-Skriptelemente durch ausführbare Skripte, um sicherzustellen, dass Skripte wie erwartet ausgeführt werden.

Das obige ist der detaillierte Inhalt vonWie kann die Inline-Skriptausführung nach der Verwendung von innerHTML garantiert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!