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でEurekaを設定する方法

ユーレカ: 1. JDKイメージを構築するEurekaコンテナを起動するjdkフォルダと必要なファイ...

MySQL SQL ステートメント分析とクエリ最適化の詳細な説明

パフォーマンスの問題のあるSQL文を取得する方法1. ユーザーからのフィードバックを通じてパフォーマ...

React Nativeの起動プロセスの詳細分析

はじめに: この記事ではreact-native-cliで作成したサンプル プロジェクト (Andr...

mysql init_connect に関するいくつかの重要なポイントの要約

init_connectの役割init_connect は通常、接続が来たときに、自動コミットを 0...

MySQLデータテーブルの基本操作:テーブル構造の操作、フィールド操作例の分析

この記事では、テーブル構造操作やフィールド操作など、MySQL データ テーブルの基本的な操作につい...

React は入力値を取得し、2 つのメソッドの例を送信します

方法1: DOMが提供するイベントオブジェクトのターゲットイベント属性を使用して値を取得し、送信する...

Centos7.4 環境に lamp-php7.0 をインストールするチュートリアル

この記事では、Centos7.4 環境に lamp-php7.0 をインストールする方法について説明...

React Native環境のインストールプロセス

react-native インストールプロセス1.npx react-native init Awe...

MySQL はどのようにしてデータの整合性を確保するのでしょうか?

オンライン ビジネスにとってデータの一貫性と整合性が重要であることは明らかです。データが失われないよ...

Vue での props の使い方の紹介

序文: Vue では、props を使用して、もともと分離されていたコンポーネントを直列に接続するこ...

Dockerネットワーク作成に--subnetを追加した後の問題を解決する

Docker ネットワークの作成に –subnet を追加した後、docker network ls...

srcまたはcss背景画像のurl値はbase64でエンコードされたコードです

ウェブ上の一部の画像の src または CSS 背景画像 URL の後に、data:image/pn...

バインドを使用してDNSサーバーを設定する方法

DNS(ドメインネームサーバー)は、ドメイン名とそれに対応する IP アドレスを変換するサーバーです...