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

HTMLは構造、CSSはスタイル（外観）、JavaScriptは動作です。構造だけでデータをロードすることはできません。そこにいくつかのスクリプトを導入する必要があります。jQueryは、習得がかなり簡単な一般的なライブラリですが、利用できるライブラリはたくさんあります。

于 2012-12-28T07:41:41.510 に答える
0

オプション1iframe
を 使用してこれをアーカイブします。別のページが表示されます。

オプション2
使用Ajax 例

于 2012-12-28T07:43:10.610 に答える
0

jQueryの'.load（）'メソッドを使用して、別のHTMLファイルからコンテンツをロードできます。

ステップ1-コードにjQueryを含めます。

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

</body>ステップ2-終了タグの前にこのコードを追加します。

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

ステップ3-外部のhtmlファイルhtml-file-1.htmlには、セクション内にロードするコンテンツを表す単純なhtmlタグしか含まれていません。

于 2012-12-29T10:29:51.637 に答える