在HTML文件中包含另一个HTML文件

4回答

慕桂英3389331

在我看来，最好的解决方案使用jQuery：a.html：<html>    <head>      <script src="jquery.js"></script>      <script>      $(function(){       $("#includedContent").load("b.html");      });     </script>    </head>    <body>       <div id="includedContent"></div>   </body> </html>b.html：<p>This is my include file</p>这个方法是解决我的问题的简单而干净的解决方案。jQuery .load()文档就在这里。

0 0

拉丁的传说

从上面扩展lolo的答案，如果你需要包含很多文件，这里有一点自动化：<script>   $(function(){     var includes = $('[data-include]');     jQuery.each(includes, function(){       var file = 'views/' + $(this).data('include') + '.html';       $(this).load(file);     });   });</script>然后在html中包含一些内容：<div data-include="header"></div><div data-include="footer"></div>其中包括文件views / header.html和views / footer.html

0 0

绝地无双

通过Html5rocks教程 和聚合物项目导出 HTML5导入例如：<head>   <link rel="import" href="/path/to/imports/stuff.html"></head>

0 0