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. 重複するメールボックスを削除する)
推薦する
MySQL 5.7.16 ZIP パッケージのインストールと設定のチュートリアル
この記事では、MySQL 5.7.16 ZIPパッケージのインストールと設定のチュートリアルを参考ま...
JavaScript の parseInt() の魔法についての簡単な説明
原因このブログを書いた理由は、今日Leetcodeの日課問題をやっていたからです。文字列を整数(at...
Vueコンポーネントのルーティング強調表示問題の解決策
序文以前は、キャッシュを使用してルートを強調表示していました。すべてのルートをトラバースし、クリック...
MySQL 8.0.15 で MGR シングル マスターと複数スレーブを構成する方法
1. はじめにMySQL グループ レプリケーション (略して MGR) は文字通り MySQL グ...
サーバーの購入と初期構築方法
しばらくサーバーいじってなかったけど、やることがなくなったのでモバイルワークスに行って海外サーバーを...
MySQL ディープページング問題の解決の実践記録
目次序文ディープページングを制限すると遅くなるのはなぜですか?サブクエリによる最適化B+ツリー構造の...
vue backtop コンポーネントを実装するための完全なコード
効果： コード： <テンプレート> <div class="back-t...
ウェブサイトのユーザビリティとコンバージョン率を向上させる 25 のツール
ウェブサイトの場合、ユーザビリティとは、ユーザーが必要な情報を効果的に見つけたり、タスクを完了したり...
位置のいくつかの巧妙な応用の詳細な説明:sticky スティッキーポジショニング
背景: position:sticky はスティッキー配置とも呼ばれます。スティッキー配置の要素は、...
Navicat を使用して MySQL データベースをエクスポートおよびインポートする方法
MySql は、私たちが頻繁に使用するデータ ソースです。開発者が練習、小規模なプライベート ゲーム...
1 つの記事で Vue ミドルウェア パイプラインを学ぶ
SPA を構築する場合、多くの場合、特定のルートを保護する必要があります。たとえば、認証されたユーザ...
HTML+CSS を使用して、画像の右上隅に削除の十字と画像削除ボタンを追加します。
記録として、将来使用される可能性があり、困っている友人も使用できます。 BBはもうやめて、まずはレン...
Vue ボタンの権限制御の導入
目次1. 手順1. ボタンの権限を定義する2. ストアを定義する3. 権限指示を作成する4. パーミ...
jar パッケージを Docker コンテナに変換する方法
jar パッケージを Docker コンテナに変換する方法1.まずJavaイメージをダウンロードする...
開発環境にUbuntu 16をインストール後の初期設定
オフィスでは、Linux 開発環境として Ubuntu システムが必要です。現在、Ubuntu 16...