Wie Nutzung iFrame Laden von Inhalten in einem DIV
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 \"></iframe>"
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".