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

Drei Schritte zur Lösung des IE-Adressleistensymbol-Anzeigeproblems

<br />Dieses Tutorial zur Erstellung von Web...

Umfassender Vergleich und Bewertung des Vue-Code-Hervorhebungs-Plugins

Inhaltsverzeichnis Umfassender Vergleich Aus der ...

Analyse der Linux-Bootsystemmethoden

Dieser Artikel beschreibt, wie man das Linux-Syst...

Reines CSS-Dropdown-Menü

Ergebnisse erzielen Implementierungscode html <...

Vor- und Nachteile von bedingten Kommentaren im Internet Explorer

Die bedingten Kommentare des Internet Explorers s...

So wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu

Verfahren: Nehmen wir „less“ im tatsächlichen Pro...

Beispiel zum Hochladen eines Docker-Images in ein privates Repository

Das Image kann problemlos direkt in das öffentlic...

vite2.x implementiert das On-Demand-Laden von Ant-Design-Vue@next-Komponenten

1. Version verwenden vite:2.0 Ant-Design-Vue: 2.0...

So entwickeln Sie Java 8 Spring Boot-Anwendungen in Docker

In diesem Artikel zeige ich Ihnen, wie Sie mit Ja...