javascript - 类似 JavaScript 中的 include() 函数

Question

目标

我需要一个函数，它只需从另一个文件中获取所有代码并将代码粘贴到调用文件中。

可能的解决方案

一个与 PHP 中的 include() 函数类似的函数。

原因

当我托管时，我使用 PHP 函数 include("filename.html") 在网站上的所有文件中包含页眉和页脚等内容。这让生活变得更加轻松!

现在我没有托管，因为我正在另一个网站上工作，并且我正在使用 Github Pages，因此我无法使用 PHP。我只需要使用 HTML、JS 和 jQuery 等。因此，我需要一个函数，只需从另一个文件中获取所有代码并将代码粘贴到调用文件中。

已经尝试过

jQuery 中的

1. load()。

   <pre><script>    
   $(document).ready(function(){
       $("#topbar").load("menubar.html");
   });    
   </script></pre>
   

2. This question 。我尝试了接受的答案，但这对我不起作用。

请帮助我解决这个问题。

Answer 1

您应该考虑设置一个构建环境，以便在发布内容之前可以在本地编译内容。这样，您可以在不同的文件中组织代码(就像您的情况一样，页眉/页脚始终包含在不同的内容文件中)，在本地编译以使文件自动组合到发布目录中，然后上传.

这样，而不是例如发送 3 个针对页眉、内容和页脚文件的请求，页眉和页脚将被预编译到内容文件中，然后可以通过 1 个请求提供服务。

我个人使用Grunt作为纯静态站点的构建工具，以及串联任务(例如 grunt-contrib-concat )。 Grunt 网站上有多个教程，但您可以在此处查看如何针对您的特定问题配置任务的示例:

https://stackoverflow.com/a/12749861/351435