从外部脚本异步加载引导模式中的表单答案

【问题标题】：Asynchronous loading of form in bootstrap modal from external script从外部脚本异步加载引导模式中的表单
【发布时间】：2017-05-02 11:38:35
【问题描述】：

我在引导模式中加载表单时遇到问题。我正在使用名为 Formstack 的服务将表单嵌入到我的网站中。提供给我的嵌入代码使用外部脚本将正确的 CSS、HTML 和 JS 加载到我的页面中。问题是一旦加载页面，我的浏览器控制台中就会收到 10K+ 警告。所有的警告都是一样的。每个警告内容如下：

在“文档”上执行“写入”失败：除非显式打开，否则无法从异步加载的外部脚本写入文档。

查看外部 javascript，每一行都以 document.write 开头。我不知道这是否重要，但我正在以引导模式加载表单。另请注意，表单加载完全正常......除非我遗漏了什么。如何在没有所有警告的情况下加载我的表单？

【问题讨论】：

【解决方案1】：

我想通了......我还不太明白，但我偶然发现了这个https://github.com/krux/postscribe，这似乎使我的代码工作。我在模态中创建了一个空的 div，id 为 #formCode，然后将这部分代码放在我的页脚中：

<script>
      $( function(){
          postscribe('#formCode', '<script src={!! $contact_form !!}><\/script>');
      });
</script>

$contact_form 只包含我的脚本“src”属性的值。

再次，不知道它是如何工作的，只是。也许有人可以详细说明

【讨论】：