Question

我的html文件中有很多导入，我需要在每个页面上导入....所以我不想每次都复制所有导入，所以我想有一个文件（例如.js文件）收集所有需要的导入。有了这个，我只需要导入这个文件，它很容易维护。

这可能吗？

感谢YoU！

Answer 1

是的，这很常见。大多数人出于性能原因这样做 - 减少脚本的HTTP请求数量。查找＆＃39; JavaScript连接＆＃39;关于你使用的任何构建工具 - 无论是Maven，Grunt，Gradle，Ant还是其他。

Answer 2

这可能不相关，但你的问题让我去研究如何用javascript包含html文件

这使用jquery，但它仍然有效：

<html>
<head>
    <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
    <script type="text/javascript">
        $.ajax({
        url: 'yourFile.html',
        dataType: "text/html",
        success: function(){}, // not happening
          error: function(data){
            $("body").html($("body").html() + data.responseText); 
          // use some div instead of body, 
          //depends where u want to append html file
          }
        }); 
    </script>
</body>
</html>

Answer 3

我们可以使用Jquery的$ .load（）方法加载导入文件

<!DOCTYPE Html>
<html>
 <head>
  <script src="http://www.yourwebsite.com/js/jquery-2.1.0.js"></script>
  <script>
     $("head").load("http://www.yourwebsite.com/imports/import.html");
  </script>
 </head>
</body>
</html>

并将所有导入保留在import.html中，它将替换原始文件的整个头部分，最好将整个头部分代码放入import.html

在Import.html中

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

JS文件带导入

3 个答案: