今回は、iframe ウィンドウを追加または削除するための jQuery について説明します。jQuery で iframe を操作してウィンドウを追加または削除するための 注意事項 について説明します。実際のケースを見てみましょう。 今日問題が発生しました: ボタンをクリックして現在のページに新しい小さなウィンドウを追加し、画像情報を表示するにはどうすればよいですか? 下の図に示すように: クリック前: クリック後: 分析: 新しく追加された小さなウィンドウが親ページに影響を与えないようにするために、iframe を使用します。フレームワークはこちら テクノロジー。 【 もフレームの一種である必要があります。<frame> とは Web ページのどの部分にも埋め込むことができるということです。 】<p style="text-align: left;"></p>実装アイデアは、 (1) ボタンにクリックイベントを追加し、クリック後に iframe ウィンドウを追加し、生成された画像のアドレスを追加します。 <p style="text-align: left;"></p>具体的な実装コード: <p style="text-align: left;"></p> (1) ボタンにクリックイベントを追加します: <p style="text-align: left;"></p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><input type="radio" name="dynamicType" id="dianji" style="padding: 0 10px 0 5px;margin-left:10px;margin-top: 13px;"/> <p class="loadPhoto"></p> $("#dianji").click(function(){ $("p.loadPhoto").empty(); // 清空原来的p标签的中内容 $("p.loadPhoto").html("<iframe width=520 height=400 name=\"touzizuhe\" id=\"touzizuhe\" frameborder=0 src="生成图片的地址">");// 添加iframe的jquery的语句 });ログイン後にコピー この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、他の関連記事に注目してください。 PHP中国語ウェブサイトです！ 推奨読書: タブスクロールナビゲーション切り替えの実装(コード付き) jQuery+Ajaxでテーブルデータのタイトルソートを実装
