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. 重複するメールボックスを削除する)
推薦する
Ubuntu 20.04 LTSの詳細なインストール履歴
この記事では、USB ブート ディスクの作成とシステムのインストールについて説明します。システム構成...
パスワードログインなしでCentOS7にxshellリモートログインするアイデアを詳しく解説
まず、全体的な考え方についてお話しします。 1. パスワードを使用してCentOSシステムにログイン...
リクエストを転送したり、静的リソースファイルにアクセスしたりする複数の場所への nginx の実装
この記事では主に、リクエストを転送したり、静的リソース ファイルにアクセスしたりする nginx の...
グローバルトーストコンポーネントをカプセル化するVueの完全な例
目次序文1. vue-cliを使う1. Toastコンポーネントを定義する2. main.jsで設定...
VSCode 構成 Git メソッドの手順
Git は vscode に統合されており、git コマンドをいくつか記述しなくても、クリックするだ...
MySQLデータを復元する2つの方法
1. はじめに少し前、開発者がテスト環境や本番環境で誤った操作をし、データベースを誤って削除/更新し...
Vue検証コードコンポーネントの使い方の詳しい説明
この記事の例では、vue検証コードコンポーネントで使用される具体的な実装コードを参考までに共有してい...
MySQL 自動インクリメント ID のオーバーサイズ問題のトラブルシューティングと解決策
導入Xiao A がコードを書いていたところ、DBA Xiao B が突然、「急いでユーザー固有情報...
MySQL での正規表現置換のための replace と regexp の使用法の分析
この記事では、例を使用して、replace と regexp を使用して MySQL で正規表現を置...
HTML を使用して IE8 および IE9 の互換表示モードを無効にするヒント
IE 8 以降では互換モードが追加され、これを有効にすると IE の下位バージョンでレンダリングされ...
無料のパブリック STUN サーバー
無料のパブリック STUN サーバーSIP 端末がプライベート IP アドレスを使用する場合、スタン...
MySQLトリガーの使用と注意すべき点
目次トリガーについてトリガーの使用トリガーを作成するトリガーを表示トリガーの削除使用上の注意新旧の違...
vue3+vite プロジェクトで svg を使用する方法の詳細なグラフィック説明
今日、vue3+viteプロジェクトの実践で、svgを使用する場合、以前の記述方法が使用できないこと...
Vue は動的な円形のパーセンテージ進捗バーを実装します
最近、小さなプログラムを開発しているときに、次の設計図のような円形のパーセンテージ進捗状況バーを実装...
nginxリバースプロキシのyum設定の詳細な手順
パート0 背景社内のイントラネットサーバーは直接インターネットにアクセスすることはできませんが、外部...