Question

我想通过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>

代码意味着我想在带有id备注的div中显示html（s）（带有样式的div等）。

Answer 1

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

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

然后将内容加载到其中。您可以随时触发此功能并覆盖内容：

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

http://api.jquery.com/load/

如何显示导入的html副本的倍数？

1 个答案: