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. 重複するメールボックスを削除する)

推薦する

Docker で Confluence をデプロイするための完全な手順

Confluence は有料ですが、クラックして使用できます (購入が推奨され、正規版がサポートされ...

LinuxサーバのSSHクラッキング防止方法(推奨)

1. Linuxサーバーは、/etc/hosts.denyを設定して、相手のIPがSSH経由でサー...

MySQLでよく使われる文字列関数トップ10の詳細な説明

こんにちは、みんな!技術の話ばかりで髪は切らないトニーです。データベース関数は、何らかの機能を持ち、...

JS での矢印関数と this の記述と理解

目次序文1. JSで関数を書く方法1. 通常の関数の書き方2. 矢印関数の書き方2. 通常の関数でこ...

Windows に WSL をインストールして構成する方法

WSLとはBaidu 百科事典からの一節を引用します。 Windows Subsystem for ...

UbuntuはPythonスクリプトのサンプルコードを定期的に実行する

オリジナルリンク: https://vien.tech/article/157序文この記事では、Ub...

WeChatアプレットがスネークゲームを実装

この記事では、参考までに、スネークゲームを実装するためのWeChatアプレットの具体的なコードを紹介...

CSS 3D からソースコードによる空間座標軸へ

かつて、サイコロを振るゲームについて話しました。その時は、steps 属性 + スプライト画像を使用...

ReactはExcelファイルのインポートとエクスポートを実装します

目次プレゼンテーション層ビジネスレイヤーコアプラグイン xlsx ExcelインポートExcelエク...

CSS3で実装された炎のアニメーション

成果を達成する実装コードhtml <div class="コンテナ">...

mysql の存在する例と存在しない例の詳細な説明

mysql の存在する例と存在しない例の詳細な説明テーブルA |列1 | 列1 | 列3 |テーブル...

Sublime TextがUbuntuで中国語を入力できない問題の最も簡単な解決策

崇高なSublime Text はコード エディター (Sublime Text2 は有料ソフトウェ...

MySQL 5.7.31 64 ビット無料インストール版チュートリアル図

1. ダウンロードダウンロードアドレス: https://dev.mysql.com/get/Dow...