新しいhtmlファイルを読み込む

私はhtmlの初心者です。私はこのようなことをしたいと思う、私はタブを作成するために、下のコードを使用しています、今私は別のHTMLファイルのセクションの内容があります。そのHTMLファイルをセクション内にロードする方法を教えてください。

<html>
<head>
    <link rel="stylesheet" href="tabs.css">
<body>
    
</body>
</head>
</html>
0
nl ru de
@ user1878200これはあなたの質問に答えます jqueryui.com/tabs/#ajax
追加された 著者 Deeptechtons,
javascript/jQueryのアドバイスを使用したい場合は、 api.jquery.com/load をご覧ください。
追加された 著者 Ron van der Heijden,

3 答え

別のHTMLファイルからjQueryの.load()メソッドを使用してコンテンツを読み込むことができます。

ステップ1 - コードにjQueryをインクルードします。

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

Step 2 - Add this code before the closing </body> tag.

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

Step 3 - Your external html file html-file-1.html contains nothing but simple html tags to represent the content you want to load within the section.

0
追加された

Option 1
Use iframes to archive this. It will display another page.

Option 2
Use Ajax Example

0
追加された
あなたは常に歓迎されている。 :)
追加された 著者 New Developer,
iframeが私を助けてくれてありがとう。
追加された 著者 user1878200,

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

0
追加された