Javascript 如何显示多个导入的html副本？

我想尝试通过javascript/jQuery导入多个html。然而，我在网上找不到任何例子。可能是因为html导入技术正在兴起

事实上，我做了一次尝试。然而，这并不一定是指导方针

<link rel="import" class="note-import" href="blah.html" />
<div id="notes">
<!-- Put it in here -->
</div>  
    <script>
        var links = document.getElementsByClassName('note-import');
        for (var i = 0; i < links.length; i++) { 
            var cont = document.head.importNode(links, true);
            document.getElementById('notes').appendChild(cont);
        }
    </script>

var links=document.getElementsByClassName（'note-import'）；
对于（var i=0；i

---

代码意味着我要将html（带有样式的div等）显示到带有id注释的div中。

只需使用jQuery将html加载到指定的div中：

<div id="page1"></div>
<div id="page2"></div>

---

为什么不能只制作多个

s？我不理解这里的问题。因为没有任何Javascript，您将不会显示任何导入的html。只需放置多个Javascript副本。我希望有一个更好的方法，如果我指定标记具有特定属性，那么一旦我更改了任何组件文档，我会感到担心。不幸的是，我只想将一个div容器附加到.@SHY.John，然后将其加载到属性中附加到单个div实际上，我最终成功地做到了这一点，部分是因为您将html分离为不同的

$('#page1').load('blah.html');
$('#page2').load('blahblah.html');