HTML und JavaScript Einführung von M&U Holzbaur

Dynamisches HTML. zu HTML. zu Javascript zur Übersicht Fenster

Erzeugen und Schreiben in Fenster

In ein neues Fenster kann nicht nur Text geschrieben werden.
Man kann HTML-Tags schreiben und so eine volle HTML-Dokumentenstruktur erzeugen.
 

Beispiel

Die folgende Pozedur schreibt ist ein (vordefiniertes) Fenster dummy eine Tabelle. d.h. es generiert die Tabelle und berechnet die Werte.
Der neue Fensterinhalt kann dann abgespeichert werden.
In neues Fenster schreiben

Quelle

öffnen und
schließen		 function winnew() {
   w = window.open("win_dy.htm","neu");
    ...
    w.document.close()
}
Tabelle 
mit Kopf		 w.document.write("<TABLE BORDER>");
w.document.write("<CAPTION> Quadrat- und Kubikzahlen </CAPTION>");
w.document.write("<TR><TH>x</TH>");
w.document.write("<TH>x<SUP>2</SUP></TH>");
w.document.writeln("<TH>x<SUP>3</SUP></TH></TR>");
....
w.document.writeln("</TABLE>");
Schleife 
für 
Elemene		 for (var i=1;i<11;i++)  {
  w.document.write("<TR><TD>");
  w.document.write(i,"</TD><TD>");
  w.document.write(quadrat(i),"</TD><TD>");
  w.document.writeln(kubik(i),"</TD></TR>");
}
gesamtes:

öffnen
schreiben
schließen

 function winnew() {
w = window.open("win_dy.htm","neu");
w.document.writeln("<html><head></head><body>");
w.document.write("<TABLE BORDER>");
w.document.write("<CAPTION> Quadrat- und Kubikzahlen </CAPTION>");
w.document.write("<TR><TH>x</TH>");
w.document.write("<TH>x<SUP>2</SUP></TH>");
w.document.writeln("<TH>x<SUP>3</SUP></TH></TR>");

for (var i=1;i<11;i++)  {
  w.document.write("<TR><TD>");
  w.document.write(i,"</TD><TD>");
  w.document.write(quadrat(i),"</TD><TD>");
  w.document.writeln(kubik(i),"</TD></TR>");
}
w.document.writeln("</TABLE>");
w.document.writeln("</body>");
w.document.close()
}
berechnen function quadrat(x) { return(x*x);}
function kubik(x){ return quadrat(x)*x;}
aufrufen <h3>Beispiel</h3>
Die folgende Prozedur schreibt ist ein (vordefiniertes) Fenster <a href="win_dy.htm">dummy</a>
eine <a href="win_out.htm">Tabelle</a>. d.h. es generiert die Tabelle und berechnet die Werte.
<br>Der neue Fensterinhalt kann dann abgespeichert werden.
<br>In neues Fenster <a href="javascript: winnew()">schreiben</a>

Ergebnis

(wurde abgespeichert in Datei win_out.htm )
Quadrat- und Kubikzahlen 
x x2 x3
1 1 1
2 4 8
3 9 27
4 16 64
5 25 125
6 36 216
7 49 343
8 64 512
9 81 729
10 100 1000
<BASE HREF="file:/C|/_user/web_java/homepage/">
<HTML><HEAD></HEAD><BODY>
<TABLE BORDER><CAPTION> Quadrat- und Kubikzahlen </CAPTION><TR><TH>x</TH><TH>x<SUP>2</SUP></TH><TH>x<SUP>3</SUP></TH></TR>
<TR><TD>1</TD><TD>1</TD><TD>1</TD></TR>
<TR><TD>2</TD><TD>4</TD><TD>8</TD></TR>
<TR><TD>3</TD><TD>9</TD><TD>27</TD></TR>
<TR><TD>4</TD><TD>16</TD><TD>64</TD></TR>
<TR><TD>5</TD><TD>25</TD><TD>125</TD></TR>
<TR><TD>6</TD><TD>36</TD><TD>216</TD></TR>
<TR><TD>7</TD><TD>49</TD><TD>343</TD></TR>
<TR><TD>8</TD><TD>64</TD><TD>512</TD></TR>
<TR><TD>9</TD><TD>81</TD><TD>729</TD></TR>
<TR><TD>10</TD><TD>100</TD><TD>1000</TD></TR>
</TABLE>
</BODY>