File: links.htm

package info (click to toggle)
selfhtml 8.1.2-1
  • links: PTS
  • area: non-free
  • in suites: bullseye, buster, jessie, jessie-kfreebsd, squeeze, stretch, wheezy
  • size: 28,076 kB
  • ctags: 4,161
  • sloc: xml: 614; java: 375; makefile: 8
file content (343 lines) | stat: -rw-r--r-- 26,017 bytes parent folder | download
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>SELFHTML: JavaScript / Objektreferenz / links</title>
<link rel="stylesheet" type="text/css" href="../../src/selfhtml.css">
<meta name="description"    content="Welche Aufgaben und Eigenschaften das links-Objekt in JavaScript hat.">
<meta name="keywords"       content="SELFHTML, JavaScript, Objekte, links, length">
<meta name="author"         content="Redaktion SELFHTML, selfhtml81@selfhtml.org">
<meta name="robots"         content="noindex, nofollow">
<meta name="DC.Publisher"   content="SELFHTML e. V.">
<meta name="DC.Date"        content="2005-11-16T01:48:05+01:00">
<meta name="DC.Identifier"  content="http://de.selfhtml.org/javascript/objekte/links.htm">
<meta name="DC.Language"    content="de">
<meta name="DC.Rights"      content="../../editorial/copyright.htm">
<meta name="DC.Date.created" content="2001-10-27T08:00+01:00">
<meta name="SELF.Pagetype"  content="page">
<link rel="alternate" type="application/atom+xml" title="SELFHTML-Weblog (Atom, gesamt)" href="http://aktuell.de.selfhtml.org/weblog/atom-feed">
<link rel="alternate" type="application/rss+xml" title="SELFHTML-Weblog (RSS, Auszge)" href="http://aktuell.de.selfhtml.org/weblog/rss-feed">
<link rel="shortcut icon" type="image/x-icon" href="../../src/favicon.ico">
<link rel="author" title="Impressum" href="../../editorial/impressum.htm">
<link rel="contents" title="Inhaltsverzeichnis" href="../../navigation/inhalt.htm">
<link rel="index" title="Stichwortverzeichnis" href="../../navigation/stichwort.htm">
<link rel="search" title="Suche" href="../../navigation/suche/index.htm">
<link rel="help" title="Hilfe" href="../../editorial/index.htm">
<link rel="copyright" title="Urheberrecht" href="../../editorial/copyright.htm">
<link rel="top" title="SELFHTML" href="../../index.htm">
<link rel="up" title="Objektreferenz" href="index.htm">
<link rel="next" title="event" href="event.htm">
<link rel="prev" title="layers" href="layers.htm">
<link rel="first" title="Hinweise zur JavaScript-Objektreferenz" href="hinweise.htm">
<link rel="last" title="Objektunabhngige Funktionen" href="unabhaengig.htm">
</head>
<body>

<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr>
<td colspan="2" class="nav"><a class="an" name="top"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="index.htm">Objektreferenz</a></td>
</tr>
<tr>
<td class="doc" width="110"><a href="../../index.htm"><img src="../../src/logo.gif" width="106" height="109" border="0" alt="SELFHTML"></a></td>
<td class="docbot" width="100%"><h1 class="ph1">links</h1></td>
</tr>
<tr>
<td class="doctop">
<img src="../../src/dokx.gif" width="30" height="20" vspace="6" alt="Informationsseite">
</td>
<td valign="top" nowrap="nowrap">
<p><img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#allgemeines">links: Allgemeines zur Verwendung</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#zugriff">Zugriff auf Verweisziele</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#location">location-Eigenschaften von Verweisen</a></p>

<h3>Eigenschaft:</h3>

<p><img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#name">name</a> (Name des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#length">length</a> (Anzahl Verweise)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#target">target</a> (Zielfenster des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#text">text</a> (Text des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#x">x</a> (horizontale Position des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten">&nbsp;<a href="#y">y</a> (vertikale Position des Verweises)</p>
</td>
</tr><tr><td colspan="2" class="doc">&nbsp;<a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a>&nbsp;</td></tr>
</table>



<h2><a class="an" name="allgemeines">links: Allgemeines zur Verwendung</a></h2>

<p>Mit dem Objekt <code>links</code>, das in der JavaScript-Objekthierarchie unterhalb des <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="document.htm">document</a>-Objekts liegt, haben Sie Zugriff auf Verweise, die in einer HTML-Datei definiert sind.</p>

<p>In JavaScript 1.0 ist es lediglich mglich, die Anzahl der Verweise in einer Datei auszulesen. Seit JavaScript 1.2 stehen jedoch weitere Eigenschaften zur Verfgung.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/js11.gif" width="30" height="30" alt="JavaScript 1.1" title="JavaScript 1.1"><img src="../../src/netsc3.gif" width="30" height="30" alt="Netscape 3.0" title="Netscape 3.0"><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0">&nbsp;<a class="an" name="zugriff">Zugriff auf Verweisziele</a></h2>

<p>Sie knnen mit JavaScript die Verweisziele von Verweisen in HTML ermitteln.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_zugriff.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a href="http://de.yahoo.com/"&gt;Yahoo&lt;/a&gt;&lt;br&gt;
&lt;a href="http://www.google.de/"&gt;Google&lt;/a&gt;&lt;br&gt;
&lt;a href="http://www.selfhtml.org/"&gt;SELFHTML&lt;/a&gt;&lt;br&gt;
&lt;script type="text/javascript"&gt;
for (var i = 0; i &lt; document.links.length; ++i)
  document.write("&lt;br&gt;" + document.links[i]);
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>Im Beispiel werden ein paar Verweise notiert. Unterhalb davon steht ein JavaScript, das mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="document.htm">document</a>.<a href="document.htm#write">write()</a> in einer for-Schleife fr jeden Verweis das Verweisziel in die Datei schreibt. Es handelt sich um den jeweiligen Wert des Attributs <code>href</code>.</p>

<p>Der Zugriff auf die Verweise erfolgt mit Indexnummern. Dabei geben Sie <code>document.links</code> an und dahinter in eckigen Klammern, den wie vielten Verweis in der Datei Sie meinen. Beachten Sie, dass der Zhler bei 0 beginnt, d.h. den ersten Verweis sprechen Sie mit <code>links[0]</code> an, den zweiten Verweis mit <code>links[1]</code> usw. Beim Zhlen gilt die Reihenfolge, in der die Verweise in der Datei notiert sind. Dabei werden auch Verweise innerhalb von verweis-sensitiven Grafiken (<code>&lt;area&gt;</code>-Tag) bercksichtigt.</p>

<h3 class="inf">Beachten Sie:</h3>

<p>Gem dem HTML-spezifischen DOM knnen Sie Verweise ber <code>document.links</code> auch ber deren Namen ansprechen. Notieren Sie dazu <code>document.links.Ankername</code> mit dem Namen, den Sie bei der Definition des Verweises im einleitenden <code>&lt;a&gt;</code>-Tag im Attribut <code>name</code> angegeben haben. (Solche Verweise knnen Sie auch ber <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="anchors.htm">document.anchors</a> ansprechen.) Damit greifen Sie auf das <code>a</code>- bzw. <code>area</code>-Elementobjekt zu, mit dem der der Verweis definiert wurden. Neben den auf dieser Seite aufgelisteten Eigenschaften haben Sie Zugriff auf weitere Eigenschaften und Methoden, die in den Referenzen zum <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="htmlelemente.htm#a">a-Elementobjekt</a> und <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="htmlelemente.htm#area">area-Elementobjekt</a> genannt werden.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/js11.gif" width="30" height="30" alt="JavaScript 1.1" title="JavaScript 1.1"><img src="../../src/netsc3.gif" width="30" height="30" alt="Netscape 3.0" title="Netscape 3.0"><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0">&nbsp;<a class="an" name="location">location-Eigenschaften von Verweisen</a></h2>

<p>Neben den verweisspezifischen Eigenschaften kennt das Link-Objekt auch alle Eigenschaften des <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="location.htm">location</a>-Objekts.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_location.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a target="_top" href="http://www.selfhtml.org/"&gt;SELFHTML&lt;/a&gt;&lt;br&gt;
&lt;script type="text/javascript"&gt;
document.links[0].port = "8081";
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>ber das Objekt <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="location.htm">location</a>, haben Sie Zugriff auf den vollstndigen URI eines angezeigten Verweises. Sie knnen den URI oder Teile davon zur Weiterverarbeitung abfragen und ndern. Notieren Sie dazu das Link-Objekt, also z.B. <code>document.link[0]</code>, dahinter einen Punkt und anschlieend die gewnschte Eigenschaft des <code>location</code>-Objekts.<br>
Im Beispiel ist ein Verweis definiert. Mit <code>document.links[0].port</code> wird die Eigenschaft <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="location.htm#port">port</a> gendert.</p>

<h3 class="inf">Beachten Sie:</h3>

<p>Im Netscape 6.1 und in Opera knnen Sie die Eigenschaften des <code>location</code>-Objekts (mit Ausnahme der <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="location.htm#href">href</a>-Eigenschaft) nur lesen, jedoch nicht ndern.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/dom10.gif" width="30" height="30" alt="DOM 1.0" title="DOM 1.0"><img src="../../src/netsc6.gif" width="30" height="30" alt="Netscape 6.0" title="Netscape 6.0"><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"><img src="../../src/jswrite.gif" width="60" height="30" alt="Lesen/ndern">&nbsp;<a class="an" name="name">name</a></h2>

<p>Speichert den Namen eines Verweises. Durch Verwendung des <code>name</code>-Attributes wird der Verweis gleichzeitig zu einem Bestandteil des <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="anchors.htm">anchors</a>-Objektes.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_name.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a name="katalog" href="http://de.yahoo.com/"&gt;Yahoo&lt;/a&gt;&lt;br&gt;
&lt;a name="suchmaschine" href="http://www.google.de/"&gt;Google&lt;/a&gt;&lt;br&gt;
&lt;a name="redaktion" href="http://www.selfhtml.org/"&gt;SELFHTML&lt;/a&gt;&lt;br&gt;
&lt;script type="text/javascript"&gt;
for (var i = 0; i &lt; document.links.length; ++i)
  document.write("&lt;br&gt;" + document.links[i].name);
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.links[0].name</code> knnen Sie den Namen eines Verweises in einer HTML-Datei ermitteln. Das Beispiel enthlt zunchst HTML-Text mit diversen Verweisen und schreibt am Ende mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="document.htm">document</a>.<a href="document.htm#write">write()</a> die Namen der Verweise ins Dokument.</p>

<h3 class="info">Beachten Sie:</h3>

<p>Im Internet Explorer ist es nicht mglich, den Namen eines Verweises zu ndern. Opera erlaubt das ndern erst ab Version 6.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/dom10.gif" width="30" height="30" alt="DOM 1.0" title="DOM 1.0"><img src="../../src/js10.gif" width="30" height="30" alt="JavaScript 1.0" title="JavaScript 1.0"><img src="../../src/netsc2.gif" width="30" height="30" alt="Netscape 2.0" title="Netscape 2.0"><img src="../../src/msie3.gif" width="30" height="30" alt="MS IE 3.0" title="MS IE 3.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"><img src="../../src/jsread.gif" width="60" height="30" alt="Lesen">&nbsp;<a class="an" name="length">length</a></h2>

<p>Speichert, wie viele Verweise eine HTML-Datei enthlt.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_length.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a href="http://de.yahoo.com/"&gt;Yahoo&lt;/a&gt;&lt;br&gt;
&lt;a href="http://www.lycos.de/"&gt;Lycos&lt;/a&gt;&lt;br&gt;
&lt;map name="Testbild"&gt;
&lt;area shape="rect" coords="1,1,249,49" href="http://selfhtml.org/" alt="SELFHTML Portalseite"&gt;
&lt;area shape="rect" coords="1,51,149,299" href="http://aktuell.de.selfhtml.org/" alt="SELFHTML aktuell"&gt;
&lt;/map&gt;
&lt;img src="hypgraf.gif" width="400" height="400" usemap="#Testbild" alt=""&gt;
&lt;script type="text/javascript"&gt;
document.write("&lt;p&gt;Die Datei hat " + document.links.length + " Verweise&lt;\/p&gt;");
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.links.length</code> knnen Sie die Anzahl der Verweise in einer HTML-Datei ermitteln. Das Beispiel enthlt zunchst HTML-Text mit diversen Verweisen und schreibt am Ende mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="document.htm">document</a>.<a href="document.htm#write">write()</a> dazu, wie viele Verweise in der Datei gefunden wurden. Beachten Sie, dass dabei (seit Netscape 3.0) auch Verweise bercksichtigt werden, die in verweis-sensitiven Grafiken mit Hilfe des <code>&lt;area&gt;</code>-Tags definiert werden.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/dom10.gif" width="30" height="30" alt="DOM 1.0" title="DOM 1.0"><img src="../../src/js11.gif" width="30" height="30" alt="JavaScript 1.1" title="JavaScript 1.1"><img src="../../src/netsc3.gif" width="30" height="30" alt="Netscape 3.0" title="Netscape 3.0"><img src="../../src/msie4.gif" width="30" height="30" alt="MS IE 4.0" title="MS IE 4.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"><img src="../../src/jswrite.gif" width="60" height="30" alt="Lesen/ndern">&nbsp;<a class="an" name="target">target</a></h2>

<p>Speichert das Zielfenster eines Verweises.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_target.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a href="http://www.selfhtml.org/" target="_top"&gt;SELFHTML&lt;/a&gt;&lt;br&gt;
&lt;script type="text/javascript"&gt;
document.links[0].target = "_blank";
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.links[0].target</code> knnen Sie das Zielfenster eines Verweises ermitteln. Das Beispiel enthlt einen Verweis, der sein Verweisziel im obersten Fenster ffnet. Im nachfolgenden JavaScript-Bereich wird diesem Verweis mit <code>document.links[0].target="_blank"</code> ein anderes Zielfenster zugewiesen. Das fhrt dazu, dass sich das Ziel des Verweises in einem neuen Fenster ffnet.</p>

<h3 class="inf">Beachten Sie:</h3>

<p>Der Internet Explorer 5.0 Macintosh Edition interpretiert dieses Beispiel nicht.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/js12.gif" width="30" height="30" alt="JavaScript 1.2" title="JavaScript 1.2"><img src="../../src/netsc4.gif" width="30" height="30" alt="Netscape 4.0" title="Netscape 4.0"><img src="../../src/op512.gif" width="30" height="30" alt="Opera 5.12" title="Opera 5.12"><img src="../../src/ffox1.gif" width="30" height="30" alt="Mozilla Firefox 1" title="Mozilla Firefox 1"><img src="../../src/konq31.gif" width="30" height="30" alt="Konqueror 3.1" title="Konqueror 3.1"><img src="../../src/saf1.gif" width="30" height="30" alt="Safari 1.0" title="Safari 1.0"><img src="../../src/jsread.gif" width="60" height="30" alt="Lesen">&nbsp;<a class="an" name="text">text</a></h2>

<p>Speichert den Text eines Verweises.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_text.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
&lt;a href="http://de.yahoo.com/"&gt;Yahoo&lt;/a&gt;&lt;br&gt;
&lt;a href="http://www.google.de/"&gt;Google&lt;/a&gt;&lt;br&gt;
&lt;a href="http://www.selfhtml.org/"&gt;SELFHTML&lt;/a&gt;&lt;br&gt;
&lt;script type="text/javascript"&gt;
for (var i = 0; i &lt; document.links.length; ++i)
  document.write("&lt;br&gt;" + document.links[i].text);
&lt;/script&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>

<p>Mit <code>document.anchors[0].text</code> knnen Sie den Text eines Verweises zwischen <code>&lt;a&gt;</code> und <code>&lt;/a&gt;</code> ermitteln. Das Beispiel enthlt zunchst einige Verweise. Unterhalb davon steht ein JavaScript, das mit <code>document.write()</code> in einer <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../sprache/schleifen.htm#for">for</a>-Schleife fr jeden Verweis den Verweistext in die Datei schreibt.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/js12.gif" width="30" height="30" alt="JavaScript 1.2" title="JavaScript 1.2"><img src="../../src/netsc4.gif" width="30" height="30" alt="Netscape 4.0" title="Netscape 4.0"><img src="../../src/jsread.gif" width="60" height="30" alt="Lesen">&nbsp;<a class="an" name="x">x</a></h2>

<p>Speichert die horizontale Position eines Verweises gemessen vom Fensterrand.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_x.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
Hier ein Text und dann ein &lt;a href="javascript:alert(document.links[0].x)"&gt;Verweis&lt;/a&gt;&lt;br&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>

<p>Mit <code>document.links[0].x</code> knnen Sie die horizontale Position eines Verweises in einer HTML-Datei ermitteln. Das Beispiel enthlt einen kleinen Text, in dem ein Verweis definiert ist. Beim Anklicken des Verweises wird mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="window.htm#alert">alert()</a> die Position des Verweises vom linken Fensterrand aus gesehen ausgegeben.</p>



<p class="doc"><a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a><a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a></p>



<h2><img src="../../src/js12.gif" width="30" height="30" alt="JavaScript 1.2" title="JavaScript 1.2"><img src="../../src/netsc4.gif" width="30" height="30" alt="Netscape 4.0" title="Netscape 4.0"><img src="../../src/jsread.gif" width="60" height="30" alt="Lesen">&nbsp;<a class="an" name="y">y</a></h2>

<p>Speichert die vertikale Position eines Verweises gemessen vom Fensterrand.</p>

<h3 class="xmp">Beispiel:</h3>

<p><img src="../../src/dokf.gif" width="15" height="10" alt="Beispiel-Seite">&nbsp;<a href="anzeige/links_y.htm">Anzeigebeispiel: So sieht's aus</a></p>

<pre>
&lt;html&gt;&lt;head&gt;&lt;title&gt;Test&lt;/title&gt;
&lt;/head&gt;&lt;body&gt;
Hier ein Text und dann ein &lt;a href="javascript:alert(document.links[0].y)"&gt;Verweis&lt;/a&gt;&lt;br&gt;
&lt;/body&gt;&lt;/html&gt;
</pre>

<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.links[0].y</code> knnen Sie die horizontale Position eines Verweises in einer HTML-Datei ermitteln. Das Beispiel enthlt einen kleinen Text, in dem ein Verweis definiert ist. Beim Anklicken des Verweises wird mit <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="window.htm#alert">alert()</a> die Position des Verweises vom oberen Fensterrand aus gesehen ausgegeben.</p>



<table cellpadding="4" cellspacing="0" border="0" width="100%">
<tr><td colspan="2" class="doc">
&nbsp;<a href="#top"><img src="../../src/up.gif" width="14" height="10" border="0" alt="nach oben"></a>
</td></tr>
<tr><td class="doc"><a href="event.htm"><img src="../../src/next.gif" width="10" height="10" border="0" hspace="10" alt="weiter"></a></td>
<td width="100%"><img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="event.htm">event</a>
</td></tr>
<tr>
<td class="doc"><a href="layers.htm"><img src="../../src/prev.gif" width="10" height="10" border="0" hspace="10" alt="zurck"></a></td>
<td><img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="layers.htm">layers</a>
</td>
</tr>
<tr><td colspan="2" class="doc">&nbsp;</td>
</tr>
<tr>
<td colspan="2" class="nav"><a class="an" name="bottom"><img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"></a> <a href="../../index.htm">SELFHTML</a>/<a href="../../navigation/index.htm" target="_parent" class="navh">Navigationshilfen</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von">&nbsp;<a href="index.htm">Objektreferenz</a></td>
</tr>
</table>

<p>&copy; 2007 <img src="../../src/dok.gif" width="15" height="10" alt="Seite">&nbsp;<a href="../../editorial/impressum.htm">Impressum</a></p>

</body>
</html>