html/javascript代碼加載html頁面

我已經使用html和css代碼創建了一個選項卡。要在每個選項卡中顯示的內容放置在不同的HTML頁面中。我想加載標籤內容而不使用任何API（jQuery/PHP ..）。我想在用戶導航到標籤時加載html頁面，並且我只想使用html/javascript來實現此目的。html/javascript代碼加載html頁面

Code demo

我曾嘗試使用下面的代碼，但它不工作嘗試。

<html> 
<head> 
    <script src="http://www.w3schools.com/lib/w3data.js"></script> 
    <script> 
     w3IncludeHTML(); 
    </script> 
</head> 
<body> 
.. 
    <div class="tab"> 
     <input type="radio" id="tab-1" name="tab-group-1" checked> 
     <label for="tab-1">Tab1</label> 
     <div class="content"> 
      <div w3-include-html="tab1Content.html"></div> 
     </div> 
    </div> 
</body>

來源

2016-12-14 joann

您可能想嘗試包括設置選項卡行爲的CSS。我還建議在你的第一個''標籤後面修改'..' –

我用一個IFRAME添加到DIV：

<div class="content"> 
    <iframe src="file.html">  
    </iframe> 
</div>

來源

2016-12-14 21:43:45 Qiong

有一對夫婦的這樣做的方法。
1）的iFrame
取而代之的是：

<div w3-include-html="tab1Content.html"></div>

這樣做：

<iframe src="tab1Content.html"></iframe>

2）PHP
如果由於某種原因iFrame中不爲你工作，你可以這樣做在PHP：

<div class="content"><?php echo file_get_contents("tab1Content.html");?></div>

來源

2016-12-14 22:13:02

html/javascript代碼加載html頁面

回答

相關問題