Question

关于html的非常基本的问题。

因为<body>太长，我想将文件分成多个文件。它不是关于使用iframe等，而只是想包含多个文本文件来创建html文件的<body>。

谢谢！

Answer 1

您可以使用jquery

来完成

<head> 
  <script src="jquery.js"></script> 
  <script> 
    $(function(){
      $("#Contenttoinclude").load("b.txt or b.html"); 
    });
  </script> 
</head>

并将其加载到html中

<body> 
 <div id="Contenttoinclude"></div>
</body>

Answer 2

只需将扩展名更改为.php而不是.html。然后，您可以将整个头部放在文件head.php（或head.inc）中。

然后整个事情看起来像这样：

<!DOCTYPE html>

<?php
  include 'head.php';
?>

<body>
 <!-- stuff in here -->
</body>

<html>

你显然可以将你的身体分成这样的单独部分：

<body>

<?php
  include 'firstPart.php';
?>

<!-- some other stuff -->

</body>

Answer 3

您可以轻松地在多个文件中破解您的代码，然后创建一个扩展名为.php的文件并将它们全部包含在内！

Answer 4

<body>
    <span id="navbar"></span>
    <span id="content"></span>
    <span id="footer"></span>

    <script src="/path/to/js/fileA"></script>
    <script src="/path/to/js/fileB"></script>
    <script src="/path/to/js/fileC"></script>

    <script>
        // In actuality this is a different file...
        document.getElementById('content').innerHTML = (
            `<div class="row">
                    <div class="row">1</div>
                    <div class="row">2</div>
                    <div class="row">3</div>
                </div>`
        );
    </script>
</body>

如何将html文本文件分成多个文件？

4 个答案: