iframe なしの div ネスト HTML

iframe なしの div ネスト HTML
最近、宿題をしているときに、iframe を使用せずにページをネストする必要があったため、jquery メソッドを使用して div にネストする必要がありました。

コードをコピー
コードは次のとおりです。

<script type="text/javascript">
$(ドキュメント).ready(関数() {
$("#button").click(function() {
$("#content").load("index.jsp");
});
});
</スクリプト>

コードはこれだけです。#buttonはボタンのID、contentはHTMLを挿入するdivです。

また、$("#button").click(function() {}; を使用することはできません。これはページが読み込まれる前であるため、ページが読み込まれた後に必要な div を見つけることができないため、$(document).ready(function() {}; を追加する必要があります。

もう 1 つの重要な点は、多くの人が jquery を参照するのを忘れているため、<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> を追加する必要があることです。

<<:  ホワイトボードを踏まないようにするゲームを実装するための HTML+CSS+JS

>>:  LeetCode の SQL 実装 (196. 重複するメールボックスを削除する)

推薦する

sqlite3 から mysql に移行するときに起こりうる問題のコレクション

簡単な説明適切な読者: モバイル開発sqlite3 データを mysql に移行する場合、多くの構文...

Linux sftp コマンドの使用法の概要

sftp は、安全なファイル転送プロトコルである Secure File Transfer Prot...

Docker ビルド PHP 環境チュートリアル詳細説明

Dockerのインストール公式インストールスクリプトを使用して最新バージョンのDockerをインスト...

LinuxでLVMディスクを拡張する詳細な手順

1.ハードディスクを追加する2. パーティションの状態を確認します: fdisk -l 3. パーテ...

CSSマウスを画像の上に置いたときにマスクレイヤー効果を追加する実装

まず効果を見てみましょう: マウスを画像の上に移動すると、影の効果とテキスト/アイコンが追加されます...

MySQLの自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

Mysql トランザクション分離レベルの読み取りコミットの詳細な説明

MySQL トランザクション分離レベルを表示する mysql> '%isolation...

HTTPS の有効化に関する経験の共有

国内のネットワーク環境が悪化し続ける中、さまざまな改ざんや乗っ取りが後を絶たず、サイト全体をHTTP...

vue-seamless-scrollがスクロールしていいねをするときのデータ同期の問題を解決する

VUE は vue-seamless-scroll を使用して、自動的にスクロールしていいねします。...

Linux での MySql centos7 のバイナリコンパイルとインストールに関するチュートリアル

// これをインストールするのに丸一日かかったので、記録するためにメモを書きました。 //何か問題が...

vue cli3は環境ごとにパッケージ化の手順を実装します

cli3 でビルドされた vue プロジェクトは、ゼロ構成ファイルとして知られています。パッケージ化...

Docker に fastdfs イメージをインストールする際の注意事項

1. Docker環境を準備する2. fastdfsイメージを検索する 3. イメージをプルするdo...

ストアド プロシージャでエラー状態をトリガーする mysql ストアド プロシージャの分析例 (SIGNAL および RESIGNAL ステートメント)

この記事では、例を使用して、MySQL がストアド プロシージャで引き起こすエラー状態 (SIGNA...

Nginx がフロントエンド リソースへのクロスドメイン アクセスの問題をどのように解決するかの詳細な説明

フロントエンドのクロスドメイン問題に2日間近く悩まされましたが、ようやくngnxを使って解決したので...