HTML导入中的Javascript不影响导入的HTML_Javascript_Firefox_Html Imports

HTML导入中的Javascript不影响导入的HTML

javascript firefox

HTML导入中的Javascript不影响导入的HTML,javascript,firefox,html-imports,Javascript,Firefox,Html Imports,我正在从index.html文件中的脚本导入一个html文档form.html form.html基本上是html的一个片段，在html的底部是一个将html附加到主文档的内部脚本：之后，我引用了一个外部脚本，该脚本应该对form.HTML中的HTML做一些事情。然而，这并没有对Firefox产生影响如果我在Firefox开发者工具中查看主文档的，我可以看到“文档片段”的组成和正确的脚本效果。但是，正文中显示的实际导入的HTML不受影响我已经尝试在form.html的底部内联脚本。我还尝试

我正在从

index.html

文件中的脚本导入一个html文档

form.html

form.html

基本上是html的一个片段，在html的底部是一个将html附加到主文档的内部脚本：

之后，我引用了一个外部脚本，该脚本应该对

form.HTML

中的HTML做一些事情。然而，这并没有对Firefox产生影响

如果我在Firefox开发者工具中查看主文档的

，我可以看到“文档片段”的组成和正确的脚本效果。但是，正文中显示的实际导入的HTML不受影响

我已经尝试在

form.html

的底部内联脚本。我还尝试使用

window.onload

将外部脚本附加到主文档的

正文

的末尾，并尝试根据使用

链接

标记

不太确定还可以尝试什么。如果可能的话，我想将脚本模块化并包含在

form.html

中，以便只在请求html页面时请求它

谢谢，

使用时，导入文档的处理只是异步的。因此，您应该等待

HTMLImportsLoaded

事件，或者使用

HTMLImports.whenReady（）

方法来确保内容已导入

<head>
    <script src="html-imports.min.js"></script>
    <link rel="import" src="from.html">
<body>
    //code to be injected
    <script>
        document.addEventListener( 'HTMLImportsLoaded' , ev => {
            //you can safely access the imported code in the body
        } )
    </script>


//要注入的代码
document.addEventListener（'HTMLImportsLoaded'，ev=>{
//您可以安全地访问正文中导入的代码
} )