javascript - 在包含页面上的 div 中获取内容的方法

Question

有点难以命名这个主题，正确使用几乎与 HTML 和 PHP 相关的任何内容，我如何才能在包含页面上的 div 中获取内容。

让我试着理解一下：

header.php 有以下内容：

HTML：

<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p>Primary Sidebar</p>
    </div>
    <div id="content">
        <div class="title">Content</div>
        <p>Main content</p>
    </div>
    <div id="secondary">
        <div class="title">Other</div>
        <p>Secondary Sidebar</p>
    </div>
</div>

CSS：

#container {
    width: 970px;
    margin: 0 auto;
}
#primary {
    float: left;
    width: 240px;
    height: 600px;
    border: #000 solid 1px;
}
#content {
    float: left;
    width: 474px;
    border: #000 solid 1px;
    margin-left: 5px;
    margin-right: 5px;
}
#secondary {
    float: left;
    width: 240px;
    height: 600px;
    border: #000 solid 1px;
}
.title {
    width: 100%;
    height: 20px;
    background: green;
}

JSFIDDLE 在这里

这就是将要包含在其他页面中的页面。它有布局（主要是侧边菜单）。现在有什么方法可以从header.phpdiv 中包含的页面获取内容content。

EG 的内容可能是：一个带有数据的简单 HTML 表格。

任何其他方法也很高兴知道，因为我已经准备好包含内容的页面准备进入该 div 我希望它保持我拥有的方式但如果它不可能或者只是愚蠢的我可以改变它。

我希望这有某种意义，我发现这很难解释。我环顾四周，找不到我需要的东西。

更新 这里有一张图片可以更好地解释。

Answer 1

希望我没有简化太多：

//index.php    
$stats = 'Some text here';
include('header.php');

然后：

//header.php
<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p><?php echo $stats; ?></p>

Answer 2

听起来您希望模板具有相当大的灵活性。

尝试为主要和次要 DIV 创建单独的文件，例如：

//primary-sidebar.php
<div id="container">
    <div id="primary">
        <div class="title">Stats</div>
        <p>Primary Sidebar</p>
    </div>
    <div id="content">


//secondary-sidebar.php
 </div>
    <div id="secondary">
        <div class="title">Other</div>
        <p>Secondary Sidebar</p>
    </div>
</div>

然后对于每个页面，代码将如下所示（我们将从 index.php 开始）

//index.php
include 'primary-sidebar.php';

<div class="title">Content</div>
<p>Main content</p>

include 'secondary-sidebar.php';

Answer 3

通过使用输出缓冲解决。

将输出存储在变量中并稍后使用。