從另一個調用一個html文件

-2

您好我正在創建一個將輸入數據到一個表中的網頁，我必須動態地更改表中有關屬性的列跨度。從另一個調用一個html文件

我正在尋找採取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>

我的問題是我不知道如何將兩個文件連在一起

來源

2014-02-24 Mark Lockhart

[在HTML文件中包含另一個HTML文件]可能的重複（http://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file） –

這看起來像是複製到： Include another HTML file in a HTML file

他們所做的是使用jQuery將另一個文件加載到div元素中。我強烈推薦jQuery來解決這個問題，因爲其他方法需要一些服務器修補，如果你想純粹用html來完成。 jQuery對動態頁面也很好。

來源

2014-02-24 19:49:40

我試過這個方法這是用在這個，並給出了以下錯誤'選項文件：//C：/Users/The%20Spartacus/Desktop/Web%20Tech/tt/table.html否'Access-Control-Allow-Origin'標題是呈現在請求的資源上。原因'空'因此不允許訪問。' –

你使用jQuery嗎？你在使用服務器端語言嗎？這將幫助我推斷下一步採取的措施。 jQuery不是必要的，但比JavaScript IMO更容易。如果您使用PHP或Python或Ruby等服務器端語言，請使用上面的Dustin Martin的答案。 –

如果要在加載頁面時將一個HTML頁面的內容添加到另一個頁面，最簡單的方法是使用PHP include。

爲您的網頁，你可以只更換

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

與

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

這要求你的Web服務器支持PHP，雖然。

來源

2014-02-24 19:50:19

從另一個調用一個html文件

回答

相關問題