Wie lädt man den Dokumenteninhalt dynamisch in einen Iframe?

Question

Ich möchte so etwas wie dieses

|--------------------------| 
|    A   | 
|  ____________  | 
|  |   |  | 
|  |   |  | 
|  |  B  |  | 
|  |   |  | 
|  |____________|  | 
|       | 
|__________________________| 

Die B-Seite innerhalb der A-Seite machen, und ich möchte alle js einzufügen, CSS, in die A-Seite, und ich möchte die B-Seite trennen und ich entwerfe es, um einen iFrame zu verwenden und die b-Seite dynamisch zu erhalten. Aber wenn ich den src in der B-Seite iframe verwende, kann die A-Seite js, css es nicht steuern ... Wie kann ich genau den B-Seitencode innerhalb der A-Seite einfügen, aber brauche keine Kopie & alles einfügen der Code von B-Seite zu A-Seite? Vielen Dank.

Answer 1

Vielleicht möchten Sie sich eine AJAX-Lösung ansehen. Auf diese Weise vermeiden Sie den Iframe und die damit verbundene Komplexität. Auf der A-Seite können Sie ein div-Tag mit einer bestimmten ID erstellen. Dann können Sie mit AJAX den Inhalt der B-Seite in das div-Tag laden.

Der HTML, der geladen wird, kann dann direkt von dem Code auf Ihrer A-Seite manipuliert werden, da es sich im Wesentlichen um eine Seite handelt.

Wenn Sie plain Javascript verwenden, dann finden Sie alle benötigten Informationen in this tutorial.

Wenn auf der anderen Seite Sie wollen jQuery verwenden, dann ist es so einfach wie:

$('#myDiv').load('B.html'); 

wo myDiv die ID Ihres div ist.

Answer 2

$('#iframeId').contents().find('html').html(yourContent);