Div verschachteltes HTML ohne Iframe

Div verschachteltes HTML ohne Iframe
Als ich kürzlich Hausaufgaben machte, musste ich eine Seite verschachteln, ohne ein Iframe zu verwenden, also musste ich sie mithilfe der jQuery-Methode in einem Div verschachteln.

Code kopieren
Der Code lautet wie folgt:

<Skripttyp="text/javascript">
$(Dokument).bereit(Funktion() {
$("#button").klick(function() {
$("#content").load("index.jsp");
});
});
</Skript>

Der Code ist nur so lang, wobei #button die ID einer Schaltfläche ist und content das Div ist, in das Sie das HTML einfügen möchten

Und Sie können nicht einfach $("#button").click(function() {}; verwenden, da dies vor dem Laden der Seite geschieht. Sie können das gewünschte div also nicht finden, nachdem die Seite geladen wurde. Sie müssen also $(document).ready(function() {}; hinzufügen.

Ein weiterer wichtiger Punkt ist, dass viele Leute vergessen, auf jquery zu verweisen. Daher müssen Sie <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> hinzufügen.

<<:  HTML+CSS+JS zur Implementierung des Spiels „Nicht auf das Whiteboard treten“

>>:  SQL-Implementierung von LeetCode (196. Doppelte Postfächer löschen)

Artikel empfehlen

Vue-Anfängerhandbuch: Erstellen des ersten Vue-cli-Scaffolding-Programms

1. Vue – Das erste Vue-CLI-Programm Die Entwicklu...

Beispiel für eine automatische Importmethode für allgemeine Vue3.0-Komponenten

1. Voraussetzungen Wir verwenden zum Importieren ...

Vue3+TypeScript kapselt Axios und implementiert Anforderungsaufrufe

Auf keinen Fall. Es stellt sich heraus, dass es L...

Verbesserung der Wirkung von Hyperlinks im Webdesign und in der Produktion

Hyperlinks ermöglichen es Benutzern, sofort von ei...

Detailliertes Tutorial zur Installation von CUDA9.0 auf Ubuntu16.04

Vorwort: Dieser Artikel basiert auf den Erfahrung...

Ein kurzer Vortrag über die halbsynchrone MySQL-Replikation

Einführung MySQL erreicht eine hohe Verfügbarkeit...

Installations-Tutorial zur neuesten MySQL-Version 8.0.17 mit Dekomprimierung

Ich persönlich denke, dass die dekomprimierte Ver...

CSS3 realisiert den Animationseffekt der Lotusblüte

Schauen wir uns zunächst die Wirkung an: Dieser E...

Vue-Komponenten Dynamische Komponenten detaillierte Erklärung

Inhaltsverzeichnis Zusammenfassen Zusammenfassen ...

Schreiben eines Schere-Stein-Papier-Spiels in JavaScript

In diesem Artikel finden Sie den spezifischen Cod...