加載一個新的html文件

我是一個html初學者。我想這樣做，我使用下面的代碼來創建選項卡，現在我有不同的HTML文件中的部分的內容。請告訴我如何在該部分中加載該HTML文件。加載一個新的html文件

<html> 
<head> 
    <link rel="stylesheet" href="tabs.css"> 
<body> 
    <article class="tabs"> 
     <section id="tab1"> 
      <h2><a href="#tab1">NewRecord</a></h2> 
      <p>This content appears on tab 1.</p> 
     </section> 
    </article> 
</body> 
</head> 
</html>

來源

2012-12-28 user1878200

如果你想使用javascript/jQuery我建議你這個http://api.jquery.com/load/ –

@ user1878200這回答你的問題http://jqueryui.com/tabs/#ajax – Deeptechtons

選項1
使用iframes歸檔此。它會顯示另一個頁面。

選項2
使用AjaxExample

來源

2012-12-28 07:43:10

非常感謝你大量使用iframe幫助了我。 – user1878200

您隨時歡迎。 :) –

HTML是結構，CSS是風格（外觀），和JavaScript是行爲。你不能只用結構加載數據，你需要在那裏引入一些腳本。 jQuery是一個相當容易學習的通用庫，但有很多可用的。

來源

2012-12-28 07:41:41 Phix

可以加載通過jQuery '.load（）' 方法從另一個HTML文件的內容。

第1步 - 在你的代碼中包含jQuery。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

第2步 - 在關閉</body>標記之前添加此代碼。

<script> 
    $(document).ready(function() { 
     $('#tab1').load('html-file-1.html');  
    }); 
</script>

第3步 - 您的外部HTML文件html-file-1.html包含什麼，但簡單的HTML標記來表示要在段中加載內容。

來源

2012-12-29 10:29:51

加載一個新的html文件

回答

相關問題