Heim > Artikel > Web-Frontend > jQuery betreibt iframe, um Fenster hinzuzufügen und zu löschen
Dieses Mal zeige ich Ihnen den jQuery-Vorgang zum Hinzufügen oder Löschen von Iframe-Fenstern. Was sind die Vorsichtsmaßnahmen für den Betrieb von Iframe-Fenstern? .
Ich bin heute auf ein Problem gestoßen: Wie klicke ich auf eine Schaltfläche, um der aktuellen Seite ein neues kleines Fenster hinzuzufügen, in dem Bildinformationen angezeigt werden?
Wie unten gezeigt:
Vor dem Klicken:
Nach dem Klicken:
Analyse: Um zu verhindern, dass das neu hinzugefügte kleine Fenster Auswirkungen auf die übergeordnete Seite hat, verwenden wir hier die Iframe-Framework-Technologie.
[
Die Implementierungsidee lautet: (1) Fügen Sie der Schaltfläche ein Klickereignis hinzu, fügen Sie nach dem Klicken ein Iframe-Fenster hinzu und fügen Sie die Adresse des generierten Bildes hinzu.
Spezifischer Implementierungscode:
(1) Fügen Sie der Schaltfläche ein Klickereignis hinzu:
<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>");// 添加iframe的jquery的语句 });
Ich glaube, Sie haben die Methode beherrscht, nachdem Sie den Fall in diesem Artikel gelesen haben Achten Sie auf weitere spannende Artikel auf der chinesischen PHP-Website!
Empfohlene Lektüre:
Implementierung zum Wechseln der Tab-Scroll-Navigation (mit Code)
jQuery+Ajax-Implementierung von Tabellendaten Titel Sortieren
Das obige ist der detaillierte Inhalt vonjQuery betreibt iframe, um Fenster hinzuzufügen und zu löschen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!