javascript - 通过 Ajax 在内部加载带有 JS 代码的外部 HTML 代码

Question

我的 HTML 页面通过 onclick-event 外部 HTML 代码加载，其中 JS 代码位于 div 框中。JS代码没有被执行。

简化示例：
index.php

// Full HTML document with the XMLHttpRequest() to extern.php

外部文件

<?php
header("Content-type: text/html; charset=utf-8");

$concat = '<div>many HTML content generated with PHP.</div>';
$concat .= '<script>';
$concat .= 'console.log("TEST");'; // In original the script modified the HTML above.
$concat .= '</script>';

echo $concat;
?>

带有脚本的外部内容被加载到 div-box 中，没问题。
问题：console.log("TEST")不工作。

请仅使用纯 Javascript 的解决方案。请不要使用 JQuery 或类似的。

编辑：没有其他问题有 Ajax 的解决方案，但仅适用于innerHTML.
解决方案：

• 在外部内容中写一个<script>标签，其中包含将要执行的 Javascript 代码。
• 在 XMLHttpRequest (Ajax) 中将外部内容传递给一个function().
• 在function()：
• • 通过 . 在 HTML 文档中插入外部内容innerHTML。
• • innerHTML从<script>外部内容中的标签中获取。
• • 使用<script>-执行。innerHTMLeval()

提示：仅function()在外部内容<script>标签中使用 a。这function()将通过通过 Ajax 加载外部内容来触发。将其保存function()在 HTML 文档或单独的 *.js 文件中，并将其嵌入到 HTML 文档中。

在职的：

• 带有custom_function()javascript（用于操作外部内容）的 a 保存在customscript.js.
• customscript.js嵌入在 HTML 文档中。
• 当 XMLHttpRequest() 被调用时
• • 请求外部内容。
• • 外部内容通过 .insert_function() 传递给innerHTML。
• • 插入函数（）：
• • • innerHTML通过在 HTML 文档中插入外部内容。
• • • 例子：
• • • • var ajaxcontent = document.getElementbyId("extern-content");
• • • • ajaxcontent.innerHTML = external_content;
• • • innerHTML从外部内容<script>标签中获取并执行它。
• • • 例子：
• • • • eval(ajaxcontent.getElementsByTagName("script")[0].innerHTML);

编辑： 重复？？？（失败）
链接的问题是：“可以用 innerHTML 插入脚本吗？”。我的问题不会插入！应该抓取脚本内容并对其进行评估。

标签： javascriptxmlhttprequesteval