Gewusst wie: Schreiben von Funktionen in iFrame

August 4

Hinzufügen von JavaScript-Funktionen, die mit einem iFrame auf Ihrer Webseite interagieren ist hilfreich, wenn Sie dynamischen Inhalte von einem Frame zum anderen schreiben möchten. Ein Iframe ist ein Inline-Frame, der ein anderes Dokument als Quelle verwendet. Dadurch können Sie den Inhalt einer Webseite in verschiedenen Dateien aufzuteilen. Anbindung an den Iframe beinhaltet Aufruf einer JavaScript-Funktion, die die Methode "document.getElementById" zusammen mit "ContentWindow" oder "sich" wird verwendet, um die Iframe-Informationen zugreifen.

Anweisungen

1 Öffnen Sie die wichtigsten Web-Seite HTML-Datei in einem Texteditor wie Windows Notepad.

2 Fügen Sie eine JavaScript-Funktion in der Hauptwebseite HTML-Datei durch den folgenden Code im Abschnitt "< Head >" hinzufügen:

< Skript-Typ = "Text/Javascript" >

Funktion show()

{

Var Ifrm = document.getElementById('myiframe');

IFRM = ifrm.contentWindow || ifrm.contentDocument;

IFRM.Document.Open();

IFRM.Document.Write ('neuer Text');

IFRM.Document.Close();

}

< / script >

Greifen Sie das Iframe-Inhalt über den Verweis "sich" oder "ContentWindow" je nach Browser. "Write"-Methode können Sie die Inhalte dynamisch an den Iframe Fenster zu schreiben.

3 Erstellen Sie eine Schaltfläche, um die JavaScript-Funktion aufrufen durch hinzufügen den folgenden Code in den Körper der HTML-Datei der Hauptwebseite:

< Form >

< Eingang Typ = "Knopf" Value = "Inhalt schreiben" onclick="show()" / >

< / form >

4 Erstellen Sie einen Iframe in der Hauptwebseite HTML-Datei, fügen Sie folgenden Code im Iframe angezeigt werden soll:

< Iframe Id = "Myiframe" Name = "Myiframe" scrolling = "Auto" Width = "50 %" Height = "200" Frameborder = "1" >< / Iframe >

Ersetzen Sie "my_iframe.html" durch den Speicherort Ihrer Iframe HTML-Dokuments.

5 Speichern Sie die HTML-Datei und laden Sie es auf Ihrem Server die JavaScript-Funktion im Iframe ausführen.

Tipps & Warnungen

  • Web-Browser behandeln jeweils etwas anders Iframes also testen Sie den Code auf möglichst vielen.

SIE KÖNNEN AUCH GERNE