Question

所以我一直试图想出一个更新每个html页面的简单方法。

我们的想法是拥有一个包含特定代码的html文件 - 在这种情况下，是一个包含一些href位的简单列表。

然后让其他html文件调用第一个文档的代码。

我无法为此问题找到有效的解决方案 - 但我认为这是因为无法正确搜索它。

谢谢， -Zen

Answer 1

听起来你正在寻找一个Web服务器/框架堆栈。 Web服务器将运行您的应用程序，然后该应用程序将执行代码以组合/组合HTML并将其提供给用户。如果您使用的是PHP，那么您将拥有一个layout.phtml文件：

<!doctype html>
<html>
    <head></head>
    <body>
        <?php 
            echo $this->getContent('content.phtml');
        ?>
    </body>
</html>

一个内容文件，content.phtml：

<p>Some content</p>

您的网络应用会查看布局文件，看到您要从content.phtml插入DOM，获取该DOM并在layout.phtml中呈现它。然后它将为用户提供组合版本。

一些常见的Web框架： Light：Express上的Node.js，Ruby上的Sinatra 重：Ruby on Rails，PHP上的Zend框架，Python上的Django

如果您正在寻找托管您的网络应用程序的沙箱，或者为您处理服务器管理的服务，请查看Heroku。

Answer 2

您可以使用

include 'filename';

或

require 'filename';

不同之处在于 require将产生致命错误（E_COMPILE_ERROR）并停止脚本。 include只会产生一个警告（E_WARNING），脚本将继续。

要使用它们，您的文件必须是.php格式。

.php文件可以单独包含html内容。没有限制，它必须只包含PHP代码。

例如：

的index.php

<?php
require 'page2.php';
?>
<html>
<head>
<title>Page 1</title>
</head>
<body>
<hr><h1>Page 1 Content</h1>
</body>
</html>

使page2.php

<html>
<body>
<hr><h1>Page 2 Content</h1>
</body>
</html>

您也可以使用jQuery

的index.html

<html> 
<head> 
<script src="jquery.js"></script> 
<script> 
$(function(){
$("#includedContent").load("page2.html"); 
});
</script> 
</head> 
<body> 
<div id="includedContent"></div>
</body>

page2.html

<html>
<body>
<hr><h1>Page 2 Content</h1>
</body>
</html>

希望有所帮助

Answer 3

简单的解决方案！

首先将所有.html个文件重命名为.php个文件

然后，只要您想使用其他页面html，只需输入以下行！

<?php include_once "path/to/file.php" ?>

多田！

如何将代码从一个html文件附加到另一个？

3 个答案: