Ich habe die Methode document.write () immer verwendet, um Daten im Browser anzuzeigen und es als alert () zu verwenden. Es scheint, dass diese Art von Gebrauch ein bisschen nicht genutzt ist. Sprechen wir über seine Hauptnutzungen.
Die Methode von Dokument.Write () kann in zwei Aspekten verwendet werden:
1. Fügen Sie während des Ladevorgangs auf der Seite einen neuen Seiteninhalt mit einem Skript hinzu.
2. Verwenden Sie Verzögerungsskripte, um den Inhalt dieses Fensters oder neuen Fenstern zu erstellen.
Diese Methode erfordert einen String -Parameter, bei dem es sich um einen HTML -Inhalt handelt, der in ein Fenster oder Frame geschrieben wurde. Diese String -Parameter können Variablen oder Ausdrücke mit Werten als Zeichenfolgen sein, und der geschriebene Inhalt enthält häufig die HTML -Markup -Sprache. Wie im folgenden Code lädt das akademische System Framework die Unterseite
Die Codekopie lautet wie folgt:
<!-Steck den Rahmen in die Zelle->
<span style = "Schriftgröße: 18px;">
<td valign = "top" id = "content container">
<div id = "laden">
// Lasteffektsymbol
<img Src = "Bilder /laden.gif" />
</div>
<script type = "text/javaScript">
// Aufrufen der Funktion outputiframe von JS, um ein Framework zu bilden
Index.outputiframe ();
</script>
</td>
</span>
Die Codekopie lautet wie folgt:
<span style = "Schriftgröße: 18px;"> // Ausgabebrahmen
Index.outputiframe = function () {
var scrolling = $ .isie6 == true? 'Ja': 'Auto';
document.write ('<iframe id = "content" marginwidth = "0" marginHeight = "0" Framborder = "0" scrolling = "' + scrolling + '" onload = "$ (/'#laden/'). hide (); $ (this) .show ();
};
</span>
Nach dem Laden der Seite wird der Browserausgangsstream automatisch geschlossen. Danach öffnet jede Dokument.Write () -Methode, die auf der aktuellen Seite arbeitet, einen neuen Ausgabestream, der den Inhalt der aktuellen Seite (einschließlich aller Variablen oder Werte des Quelldokuments) löscht. Wenn Sie die aktuelle Seite durch das vom Skript generierte HTML ersetzen möchten, müssen Sie den HTML -Inhalt anschließen und einer Variablen zuweisen und eine Dokument verwenden.
Eine andere Sache, die über das Dokument erläutert werden muss. Nachdem das Skript den Inhalt in das Fenster geschrieben hat (ob dieses oder andere Fenster), muss der Ausgabestream geschlossen werden. Nach der letzten Dokument.Write () -Methode des Verzögerungsskripts müssen Sie sicherstellen, dass die Methode document.close () enthalten ist. Wenn Sie dies nicht tun, können Sie Bilder und Formulare nicht anzeigen. Und jede anschließende Methode document.write () appendiert den Inhalt nur an die Seite, ohne den vorhandenen Inhalt zu klären, um den neuen Wert zu schreiben.
Um die Methode document.write () zu demonstrieren, stellen wir zwei Versionen derselben Anwendung bereit. Man schreibt Inhalte in ein Dokument, das das Skript enthält, und ein anderer schreibt Inhalte in ein separates Fenster.
Beispiel 1 Erstellt eine Schaltfläche, die neue HTML -Inhalte für das Dokument kombiniert, einschließlich der HTML -Tags für den neuen Dokumenttitel und die Farbattribute des Tags.
Im Beispiel gibt es einen Operator +=, der den Lesern nicht bekannt ist. Es fügt die Zeichenfolge rechts zu der Variablen links hinzu. Diese Variable wird verwendet, um die Zeichenfolge zu speichern. Dieser Bediener kann leicht mehrere separate Aussagen zu langen Zeichenfolgen kombinieren. Verwenden Sie die in der NewContent -Variablen kombinierte Anweisung document.write (), um alle neuen Inhalte in das Dokument zu schreiben und den Inhalt in Beispiel 1 vollständig zu beseitigen.
Anschließend müssen Sie das Dokument anrufen. CLOSE () Anweisung, um den Ausgabestream zu schließen. Beim Laden des Dokuments und Klicken auf die Schaltfläche können Sie feststellen, dass sich der Dokumenttitel in der Titelleiste des Browsers dadurch ändert. Wenn Sie zum Originaldokument zurückkehren und erneut auf die Schaltfläche klicken, können Sie feststellen, dass die zweite Seite dynamisch noch schneller geladen wird, als das Originaldokument neu zu laden.
Beispiel 1 Verwenden Sie das document.write () im aktuellen Fenster.
Die Codekopie lautet wie folgt:
<html xmlns = "http://www.w3.org/1999/xhtml"> <titels> Schreiben in derselben Dokument </title>
<script Language = "JavaScript">
// Schreiben Sie die Funktion neu
Funktion repepWrite () {
// Speichern Sie den geschriebenen Inhalt
var newcontent = "<html> <kopf> <titels> Ein neuer Dokument </title> </head>"
NewContent += "<Body Bgcolor = 'Aqua'> <h1> Dieses Dokument ist brandneu. </h1>"
Newcontent += "Klicken Sie auf die Schaltfläche zurück, um das Originaldokument anzuzeigen."
NewContent += "</body> </html>"
// neue Inhalte schreiben
document.write (newContent);
document.close ();
}
</script>
</head>
<body>
<form>
<!-Klicken Sie auf die Schaltfläche, um die Schreibfunktion aufzurufen->
<input type = "button" value = "Inhalt ersetzen" onclick = "repepWrite ()">
</form>
</body>
</html>
Zusammenfassen:
Kürzlich schreibe ich einen statischen Ressourcenloader, der Dokument.Write verwendet. Nachdem ich einige Wendungen erlebt hatte, fand ich dieses Dokument. Write hat immer noch einige Inhalte, also habe ich beschlossen, etwas zu werfen und aufzunehmen, und gleichzeitig ist es auch eine Möglichkeit, etwas für mich selbst zu sammeln.