ホームページ > ウェブフロントエンド > jsチュートリアル > 左側のメニューをクリックしてright_jqueryのコンテンツをロードするiframe非同期読み込み実装例

左側のメニューをクリックしてright_jqueryのコンテンツをロードするiframe非同期読み込み実装例

WBOY
リリース: 2016-05-16 17:41:12
オリジナル
1320 人が閲覧しました

iframe の非同期読み込みに関して、私たちがよく使うのは、左側のメニュー バーの右側にあるコンテンツ ページです。左側のメニューが更新できない場合は、右側のコンテンツ ページを非同期で読み込む必要があります。

早速、例を示します:

1. まず、プロジェクト内に次のような 3 つのファイルを作成します。

2. jquery ファイルをデフォルト ページに導入し、次のコードを本文に追加します。


コードをコピーします コードは次のとおりです:


部分更新 (フレーム読み込みページ)

部分をクリックすると非表示になります更新

ページが読み込まれたときに消えないことを示します






3. 1.htm と 2.htm には、次のように直接記述することもできます。これ(html、タイトル、本文、タイトルなどは書く必要はありません):

1.htm:



コードをコピーします
コードは次のとおりです: ページ 1
元のページ

2.htm:



コードをコピー
コードは次のとおりです:ページ 2< ;br /> フレームがロードされたページ
4. 効果は次のとおりです。



関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート