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"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <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"> <a href="#allgemeines">links: Allgemeines zur Verwendung</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#zugriff">Zugriff auf Verweisziele</a><br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <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"> <a href="#name">name</a> (Name des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#length">length</a> (Anzahl Verweise)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#target">target</a> (Zielfenster des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#text">text</a> (Text des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#x">x</a> (horizontale Position des Verweises)<br>
<img src="../../src/down.gif" width="14" height="10" alt="nach unten"> <a href="#y">y</a> (vertikale Position des Verweises)</p>
</td>
</tr><tr><td colspan="2" class="doc"> <a href="#bottom"><img src="../../src/down.gif" width="14" height="10" border="0" alt="nach unten"></a> </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"> <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"> <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"> <a href="anzeige/links_zugriff.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a href="http://de.yahoo.com/">Yahoo</a><br>
<a href="http://www.google.de/">Google</a><br>
<a href="http://www.selfhtml.org/">SELFHTML</a><br>
<script type="text/javascript">
for (var i = 0; i < document.links.length; ++i)
document.write("<br>" + document.links[i]);
</script>
</body></html>
</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"> <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><area></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><a></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"> <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"> <a href="htmlelemente.htm#a">a-Elementobjekt</a> und <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <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"> <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"> <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"> <a href="anzeige/links_location.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a target="_top" href="http://www.selfhtml.org/">SELFHTML</a><br>
<script type="text/javascript">
document.links[0].port = "8081";
</script>
</body></html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>ber das Objekt <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <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"> <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"> <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"> <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"> <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"> <a href="anzeige/links_name.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a name="katalog" href="http://de.yahoo.com/">Yahoo</a><br>
<a name="suchmaschine" href="http://www.google.de/">Google</a><br>
<a name="redaktion" href="http://www.selfhtml.org/">SELFHTML</a><br>
<script type="text/javascript">
for (var i = 0; i < document.links.length; ++i)
document.write("<br>" + document.links[i].name);
</script>
</body></html>
</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"> <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"> <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"> <a href="anzeige/links_length.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a href="http://de.yahoo.com/">Yahoo</a><br>
<a href="http://www.lycos.de/">Lycos</a><br>
<map name="Testbild">
<area shape="rect" coords="1,1,249,49" href="http://selfhtml.org/" alt="SELFHTML Portalseite">
<area shape="rect" coords="1,51,149,299" href="http://aktuell.de.selfhtml.org/" alt="SELFHTML aktuell">
</map>
<img src="hypgraf.gif" width="400" height="400" usemap="#Testbild" alt="">
<script type="text/javascript">
document.write("<p>Die Datei hat " + document.links.length + " Verweise<\/p>");
</script>
</body></html>
</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"> <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><area></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"> <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"> <a href="anzeige/links_target.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a href="http://www.selfhtml.org/" target="_top">SELFHTML</a><br>
<script type="text/javascript">
document.links[0].target = "_blank";
</script>
</body></html>
</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"> <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"> <a href="anzeige/links_text.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
<a href="http://de.yahoo.com/">Yahoo</a><br>
<a href="http://www.google.de/">Google</a><br>
<a href="http://www.selfhtml.org/">SELFHTML</a><br>
<script type="text/javascript">
for (var i = 0; i < document.links.length; ++i)
document.write("<br>" + document.links[i].text);
</script>
</body></html>
</pre>
<h3 class="xpl">Erluterung:</h3>
<p>Mit <code>document.anchors[0].text</code> knnen Sie den Text eines Verweises zwischen <code><a></code> und <code></a></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"> <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"> <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"> <a href="anzeige/links_x.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
Hier ein Text und dann ein <a href="javascript:alert(document.links[0].x)">Verweis</a><br>
</body></html>
</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"> <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"> <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"> <a href="anzeige/links_y.htm">Anzeigebeispiel: So sieht's aus</a></p>
<pre>
<html><head><title>Test</title>
</head><body>
Hier ein Text und dann ein <a href="javascript:alert(document.links[0].y)">Verweis</a><br>
</body></html>
</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"> <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">
<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"> <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"> <a href="layers.htm">layers</a>
</td>
</tr>
<tr><td colspan="2" class="doc"> </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"> <a href="../index.htm">JavaScript/DOM</a> <img src="../../src/refkap.gif" width="16" height="13" alt="Teil von"> <a href="index.htm">Objektreferenz</a></td>
</tr>
</table>
<p>© 2007 <img src="../../src/dok.gif" width="15" height="10" alt="Seite"> <a href="../../editorial/impressum.htm">Impressum</a></p>
</body>
</html>
|