使用Javascript加载和呈现HTML页面

我有一个独特的情况，我需要完全加载、运行相关脚本，并在后台呈现HTML页面。这是一个完整的html页面

以下是我目前的做法，但它不起作用：

我使用get XHR调用获取页面，并将其作为

字符串

存储在名为

模板

的变量中。一旦我有了

字符串

，我就使用

JQuery.parseHTML

将其解析为一个元素数组（包括脚本），并从中过滤，直到我得到所需的元素，将其存储在一个名为

content

的变量中。然后我将该元素插入DOM

我遇到的问题是，

content

中的DOM元素没有完全呈现，因为它们的脚本没有运行

这是我的密码：

function (template) {
    var jTemplate = $($.parseHTML(template, document, true));

    console.log(jTemplate);

    var content = jTemplate.filter('.page-wrap').contents()
        .filter('#content-wrapper').contents().filter('#content')
        .contents().filter('#main-content');

    console.log(content);

    $("agency-journal-content").replaceWith(content);
}

---

如何运行脚本并在后台呈现DOM，然后将其插入用户看到的当前文档或DOM中。

HTML字符串中包含的脚本的执行触发器是什么？请尝试添加函数名，如

function load（Template）{…}

，然后运行

load（Template）@TyQ函数正在运行。。。我只在这里复制了相关部分。你们不需要看到它在哪里运行，因为这与问题无关。
$（“机构日志内容”）
可能应该是
$（“#机构日志内容”）
——您遗漏了指示ID的
。@Barmar nope，我正在替换一个名为
机构期刊内容
的元素，该元素工作正常。请重新阅读我的问题。HTML字符串中包含的脚本的执行触发器是什么？请尝试添加函数名，如
function load（Template）{…}
，然后运行
load（Template）@TyQ函数正在运行。。。我只在这里复制了相关部分。你们不需要看到它在哪里运行，因为这与问题无关。
$（“机构日志内容”）
可能应该是
$（“#机构日志内容”）
——您遗漏了指示ID的
。@Barmar nope，我正在替换一个名为
机构期刊内容
的元素，该元素工作正常。请重新阅读我的问题，了解我遇到的问题。