Heim > Web-Frontend > js-Tutorial > Einige Tipps zur Verwendung von document.write_javascript-Fähigkeiten

Einige Tipps zur Verwendung von document.write_javascript-Fähigkeiten

WBOY
Freigeben: 2016-05-16 16:48:25
Original
1200 Leute haben es durchsucht

Ich habe die Methode document.write() verwendet, um Daten im Browser anzuzeigen, und verwende sie als Alert(). Es scheint, dass diese Verwendung übertrieben ist. Lassen Sie uns über ihre Hauptverwendungen sprechen.

Die Methode document.write() kann auf zwei Arten verwendet werden:

1. Verwenden Sie während des Seitenladevorgangs ein Skript, um neuen Seiteninhalt hinzuzufügen.

2. Verwenden Sie ein Verzögerungsskript, um den Inhalt dieses Fensters oder eines neuen Fensters zu erstellen.

Diese Methode erfordert einen String-Parameter, bei dem es sich um den in das Fenster oder Frame geschriebenen HTML-Inhalt handelt. Bei diesen Zeichenfolgenparametern kann es sich um Variablen oder Ausdrücke handeln, deren Werte Zeichenfolgen sind. Der geschriebene Inhalt umfasst häufig die HTML-Auszeichnungssprache. Wie im folgenden Code gezeigt, wird das Bildungssystem-Framework in die Unterseite

geladen

Code kopieren Der Code lautet wie folgt:


       
  








Code kopieren


Der Code lautet wie folgt:

//Ausgaberahmen

Index.OutputIframe = function () { var scrolling = $.isIE6 == true ? 'yes' : 'auto'; document.write(' '); };

Nach dem Laden der Seite wird der Browser-Ausgabestream automatisch geschlossen. Danach öffnet jede document.write()-Methode, die auf der aktuellen Seite arbeitet, einen neuen Ausgabestream, der den aktuellen Seiteninhalt (einschließlich aller Variablen oder Werte aus dem Quelldokument) löscht. Wenn Sie daher die aktuelle Seite durch von einem Skript generiertes HTML ersetzen möchten, müssen Sie den HTML-Inhalt verketten und einer Variablen zuweisen und eine document.write()-Methode verwenden, um den Schreibvorgang abzuschließen.

Eine weitere Sache, die Sie bei der Methode document.write() beachten sollten, ist die zugehörige Methode document.close(). Nachdem das Skript mit dem Schreiben von Inhalten in das Fenster (unabhängig davon, ob es sich um dieses oder ein anderes Fenster handelt) fertig ist, muss der Ausgabestream geschlossen werden. Nach der letzten document.write()-Methode des Verzögerungsskripts müssen Sie sicherstellen, dass die document.close()-Methode enthalten ist. Andernfalls können Bilder und Formulare nicht angezeigt werden. Außerdem wird bei allen nachfolgenden Aufrufen der Methode document.write() nur der Inhalt an die Seite angehängt, der vorhandene Inhalt wird jedoch nicht gelöscht, um neue Werte zu schreiben.

Um die Methode document.write() zu demonstrieren, stellen wir zwei Versionen derselben Anwendung bereit. Einer schreibt in das Dokument, das das Skript enthält, der andere in ein separates Fenster.

Beispiel 1 erstellt eine Schaltfläche, die neuen HTML-Inhalt für das Dokument zusammenstellt, einschließlich eines HTML-Tags für den neuen Dokumenttitel und eines Farbattributs für das Tag.

Im Beispiel gibt es einen Operator =, der den Lesern unbekannt ist. Er fügt die Zeichenfolge auf der rechten Seite zur Variablen auf der linken Seite hinzu. Mit diesem Operator können problemlos mehrere Zeichenfolgen konvertiert werden . Einzelne Anweisungen werden zu einer langen Zeichenfolge zusammengefasst. Alle neuen Inhalte können mithilfe der document.write()-Anweisung in Kombination mit dem Inhalt in der newContent-Variablen in das Dokument geschrieben werden, wodurch der Inhalt in Beispiel 1 vollständig gelöscht wird.

Dann müssen Sie die Anweisung document.close() aufrufen, um den Ausgabestream zu schließen. Wenn das Dokument geladen und auf die Schaltfläche geklickt wird, beachten Sie, dass sich dadurch der Dokumenttitel in der Titelleiste des Browsers ändert. Wenn Sie zum Originaldokument zurückkehren und erneut auf die Schaltfläche klicken, sehen Sie, dass die dynamisch geschriebene zweite Seite noch schneller geladen wird als das Neuladen des Originaldokuments.

Beispiel 1 verwendet document.write() im aktuellen Fenster.

Code kopieren Der Code lautet wie folgt:

Writing to Same Doc

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage