主页 / coding / 问题 / 79572946
Accepted
Mike0101
Asked: 2025-04-14 18:44:50 +0800 CST

如何在触发时加载 HTML 中的 JavaScript 而无需编辑第三方代码[重复]

  • 772

有人知道如何在 HTML 代码中触发第三方 JavaScript，以便仅在提示时加载，而无需使用函数包装它或修改现有代码吗？

我想到的唯一办法就是下面这个例子。

添加带有“style”标签的 JavaScript 代码，如下所示：

<div class="unit1">
  <style type="text/script">
    Some 3th-party script will be autoload here.
  </style>
</div>

然后将 div（unit1）标签中的“style”标签重命名为“script”以加载 JavaScript：

<div class="unit1">
  <script>
    Some 3th-party script will be autoload here.
  </script>
</div>
javascript

1 个回答

  1. Best Answer

    您采用的方法将有效。您可以使用 替换原始元素replaceWith，并确保替换元素获得与原始元素相同的文本内容。

    在此演示中，元素替换由按钮单击触发：

    document.querySelector("#activate").addEventListener("click", activate);

function activate() {
    // Get original element
    const elem = document.querySelector('div.unit1 > style[type="text/script"]');
    // Create the replacing element
    const script = document.createElement("script");
    // Copy the content into the new element
    script.textContent = elem.textContent;
    // Perform the replacement
    elem.replaceWith(script);
}
    <div class="unit1">
  <style type="text/script">
    console.log("script ran");
  </style>
</div>

<button id="activate">Change tag to script</button>

    然而，稍后执行代码的更自然的方法是使用函数。例如：

    document.querySelector("#activate").addEventListener("click", execute1);
    <script>
    function execute1() {
      console.log("script ran");
    }
</script>

<button id="activate">Run the code</button>

    • 2

相关问题