Question

您好我正在创建一个将数据输入到表中的网页，我必须动态更改有关属性的表的列范围。

我希望使用html代码从原始文档创建表格，并在加载页面时将其添加到原始文档中。

这是原始文件：

    <!doctype html>
    <html>
    <head>
        <link href='tt.css' rel='stylesheet' />
        <script src='jquery-1.11.0.min.js'></script>
        <script src='tt2.js'></script>
        <title>Timetable</title>
    </head>
    <body>
        <h1>Timetable</h1>
        <div id='controls'>Enter Module Code:<input value='' id='module'/>
            <button id='getModule'>Search Module Code</button>
        </div>
        <table id='fixedDetails'>
            <caption>Fixed Details</caption>
            <tr><th>Module Code</th><td id='moduleCode'></td></tr>
            <tr><th>Module Name</th><td id='moduleName'></td></tr>
            <tr><th>Module Leader</th><td id='moduleLeader'></td></tr>
            <tr><th>Credit Value</th><td id='credit'></td></tr>
    <tr><th>School Name</th><td id='schoolName'></td></tr>        
        </table>
        <script src='table.html'></script>
    </body>
    </html>

这是我桌子的代码：

    <!doctype html>
    <html>
    <table id='schedule'>
            <caption>Schedule</caption>
            <tr><th id='blank'></th><th>09</th><th>10</th><th>11</th><th>12</th><th>13</th><th>14</th><th>15</th><th>16</th><th>17</th></tr>
            <tr><th>Mon</th><td id='mon09'></td><td id='mon10'></td><td id='mon11'></td><td id='mon12'></td><td id='mon13'></td><td id='mon14'></td><td id='mon15'></td><td id='mon16'></td><td id='mon17'></td></tr>
            <tr><th>Tue</th><td id='tue09'></td><td id='tue10'></td><td id='tue11'></td><td id='tue12'></td><td id='tue13'></td><td id='tue14'></td><td id='tue15'></td><td id='tue16'></td><td id='tue17'></td></tr>
            <tr><th>Wed</th><td id='wed09'></td><td id='wed10'></td><td id='wed11'></td><td id='wed12'></td><td id='wed13'></td><td id='wed14'></td><td id='wed15'></td><td id='wed16'></td><td id='wed17'></td></tr>
            <tr><th>Thu</th><td id='thu09'></td><td id='thu10'></td><td id='thu11'></td><td id='thu12'></td><td id='thu13'></td><td id='thu14'></td><td id='thu15'></td><td id='thu16'></td><td id='thu17'></td></tr>
            <tr><th>Fri</th><td id='fri09'></td><td id='fri10'></td><td id='fri11'></td><td id='fri12'></td><td id='fri13'></td><td id='fri14'></td><td id='fri15'></td><td id='fri16'></td><td id='fri17'></td></tr>
        </table>
    </html>

我的问题是我不知道如何将两个文件连接在一起

Answer 1

这看起来像是重复的： Include another HTML file in a HTML file

他们所做的是使用jQuery将另一个文件加载到div元素中。我强烈建议使用jQuery来解决这个问题，因为其他方法需要一些服务器修补，如果你想纯粹用html做这件事。 jQuery也适用于动态页面。

Answer 2

如果要在加载页面时将一个HTML页面的内容添加到另一个HTML页面，最简单的方法是使用PHP include。

对于您的网页，您只需更换

即可

<script src='table.html'></script>

与

<?php include 'table.html'; ?>

这要求您的Web服务器支持php。

从另一个调用一个html文件

2 个答案: