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页面

回答

相关问题