Wie Nutzung iFrame Laden von Inhalten in einem DIV

June 16

DIV-Container sind Webseiten-Elemente, die Position und Stil Inhalt verwendet werden. Sie werden gewöhnlich benutzt, um das Layout einer Webseite zu erstellen, aber Sie können auch Inhalte in einen DIV-Container mit einem Iframe und die JavaScript-Eigenschaft "Innerhtml" laden. Jedes HTML-Element, einschließlich DIV-Container haben eine "Innerhtml"-Eigenschaft, die Sie bearbeiten können, um den Inhalt des Elements zu ändern. Wenn Sie remote-Inhalte in einem DIV-Container laden möchten, können Sie die Eigenschaft "Innerhtml" div-Tags mit dem Inhalt aus einem Iframe tauschen.

Anweisungen

1 Öffnen Sie Ihre Webseite-Dokument in einem HTML- oder Text-Editor. Um in den systemeigenen Windows-Texteditor öffnen, mit der rechten Maustaste des Dokument-Symbol, und klicken Sie dann "Öffnen mit". Um "Notepad" oder "WordPad" in der Anwendungsliste auszuwählen, klicken Sie auf "OK".

2 Hier klicken, um den Cursor zwischen die "< BODY >" setzen und "< / BODY >" Markierungen.

3 Typ "< Div Id = 'FrameContainer' >< / Div >" und drücken Sie "Enter" das div-Tag erstellen Inhalte angezeigt werden sollen.

4 Typ "< Skript-Typ =" Text/Javascript">" um ein JavaScript Skripttags zu öffnen, drücken Sie "Enter."

5 Typ "onload=function() {" und drücken Sie "Enter." Diese Codezeile löst das Skript, wenn die Webseite geladen hat.

6 Geben Sie "Var el=document.getElementById('frameContainer')", und drücken Sie "Enter" DIV Container ID-Eigenschaft abgerufen.

7 Geben Sie die folgende Zeile des Codes, und drücken Sie "Enter", um die Eigenschaft "Innerhtml" des DIV-Containers mit einem Iframe auszutauschen: el.innerHTML= "< Iframe Src = \" & Lt; / Iframe > & Quot "Rel ="Nofollow"Target ="_blank"> http://www.example.com \&quot;>&lt;/iframe>&quot;

8 Ersetzen Sie den Text "als www.example.com" im vorherigen Schritt mit der URL der Webseite, die Sie in den DIV-Container laden möchten.

9 Typ "}", und drücken Sie "Enter", um die JavaScript-Funktionen zu schließen.

10 Geben Sie "< / script >" JavaScript Skripttags zu schließen.

11 Klicken Sie im Menü "Datei" und dann "Speichern".