0

我是 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>
4

3 回答 3

0

您可以通过 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-29T10:29:51.637 回答
0

HTML 是结构，CSS 是样式（外观），JavaScript 是行为。您不能仅使用结构加载数据，您需要在其中引入一些脚本。jQuery 是一个很容易学习的通用库，但是有很多可用的。

于 2012-12-28T07:41:41.510 回答
0

选项 1
使用iframe存档。它将显示另一个页面。

选项 2
使用Ajax 示例

于 2012-12-28T07:43:10.610 回答