JavaScript/Deprecated
Aus SELFHTML-Wiki
< JavaScript(Weitergeleitet von ResizeBy)
Einige Eigenschaften und Methoden sind obsolet geworden und sollten nicht mehr verwendet werden.
Inhaltsverzeichnis
- 1 window
- 2 document
- 3 MouseEvent
- 4 Date
- 5 String
- 5.1 String.prototype.anchor(name)
- 5.2 String.prototype.big()
- 5.3 String.prototype.blink()
- 5.4 String.prototype.bold()
- 5.5 String.prototype.fixed()
- 5.6 String.prototype.fontcolor()
- 5.7 String.prototype.fontsize()
- 5.8 String.prototype.italics()
- 5.9 String.prototype.link(url)
- 5.10 String.prototype.small()
- 5.11 String.prototype.strike()
- 5.12 String.prototype.sub()
- 5.13 String.prototype.sup()
- 5.14 String.prototype.trimLeft()
- 5.15 String.prototype.trimRight()
window
window.captureEvents()
- Beschreibung:
- überwacht Anwenderereignisse im angegebenen Fenster. Die so einfangenen Ereignisse werden nicht mehr bei den Elementen signalisiert, für die sie ausgelöst wurden.
- Diese Methode war nie standardisiert!
- bessere Alternative:
- Den Eventhandler mit window.addEventListener() registrieren. Wenn die Events im DOM tatsächlich nicht erscheinen sollen, den Listener für die Capture-Phase registrieren und die weitere Behandlung mit event.stopPropagation() unterbrechen.
window.releaseEvents()
- Beschreibung:
- gibt die mit
captureEvents()
an window gebundenen Events wieder für die normale Eventbearbeitung frei. - Diese Methode war nie standardisiert!
- bessere Alternative:
- siehe captureEvents()
window.escape()
- Beschreibung:
- wandelt Steuerzeichen um
- bessere Alternative:
- Diese Funktion hatte ein problematisches Verhalten bei diversen Zeichen (das Pluszeichen wird z. B. nicht verändert, obwohl es dadurch in der URL als Leerzeichen interpretiert würde), und ist deshalb durch
encodeURI()
undencodeURIComponent()
ersetzt.
window.find()
- Beschreibung:
- Durchsucht den Inhalt eines Fensters nach einem Text. Entspricht in der Funktionalität dem Menübefehl "Suchen". Die Suche bezieht sich nur auf die aktuelle Seite.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.home()
- Beschreibung:
- Entspricht einem Klick auf den "Home"-Button im Browser.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.moveBy()
- Beschreibung:
- Verschiebt ein Fenster um so viele Pixel wie angegeben.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.moveTo()
- Beschreibung:
- Verschiebt ein Fenster auf die angegebene Pixel-Position.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.resizeBy()
- Beschreibung:
- Vergrößert ein Fenster um so viele Pixel wie angegeben.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.resizeTo()
- Beschreibung:
- Passt die Größe des Fensters an die Pixel-Werte an.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.stop()
- Beschreibung:
- Entspricht einem Klick auf den "Stop"-Button im Browser. Der Ladevorgang einer Seite wird dadurch abgebrochen.
- Die Methode war nie Teil eines Standards und sollte nicht verwendet werden
window.unescape()
- Beschreibung:
- wandelt Steuerzeichen zurück
- bessere Alternative:
- durch
decodeURI()
unddecodeURIComponent()
ersetzt.
document
document.captureEvents()
- Beschreibung:
- überwacht Anwenderereignisse im angegebenen Dokument. Die so einfangenen Ereignisse werden nicht mehr bei den Elementen signalisiert, für die sie ausgelöst wurden.
- Diese Methode war nie standardisiert!
- bessere Alternative:
- JavaScript/DOM/EventTarget/addEventListener
document.alinkColor()
- Beschreibung:
- gibt dem Link eine Farbe, wenn er active ist.
- bessere Alternative:
- CSS :active
document.bgColor()
- Beschreibung:
- Hintergrundfarbe
- bessere Alternative:
- Verwenden Sie CSS: CSS/Eigenschaften/background-color
document.fgColor()
- Beschreibung:
- setzt Textfarbe
- bessere Alternative:
- Verwenden Sie CSS CSS/Eigenschaften/color
document.linkColor()
- Beschreibung:
- setzt Linkfarbe
- bessere Alternative:
- Verwenden Sie CSS CSS/Eigenschaften/color für das <a>-Element oder für
:link
document.vlinkColor ()
- Beschreibung:
- Setzt Textfarbe für links für bereits besuchte Seiten
- bessere Alternative:
- Verwenden Sie CSS!
MouseEvent
MouseEvent.offsetX
- Beschreibung:
- Microsoft-Syntax. Speichert die horizontalen Pixel (offsetX) und die vertikalen Pixel (offsetY) der Mauszeiger-Position relativ zur oberen linken Ecke des Elements, das ein Ereignis ausgelöst hat.
- bessere Alternative:
- Verwenden Sie stattdessen
MouseEvent.offsetY
- Beschreibung:
- Microsoft-Syntax. Speichert die horizontalen Pixel (offsetX) und die vertikalen Pixel (offsetY) der Mauszeiger-Position relativ zur oberen linken Ecke des Elements, das ein Ereignis ausgelöst hat.
- bessere Alternative:
- Verwenden Sie stattdessen
Date
Date.prototype.getYear()
- Beschreibung:
- Methode von Date.prototype, ermittelt die Jahre seit 1900. Vor 2000 geeignet, um eine zweistellige Jahreszahl zu ermitteln. Seit 2000 ungeeignet.
- bessere Alternative:
-
- Verwenden Sie die Methode getFullYear(), um vierstellige Jahreszahlen zu erhalten
- Formatieren Sie das Datum mit Intl.DateTimeFormat
Date.prototype.setYear()
- Beschreibung:
- Methode von Date.prototype, setzt die Jahreszahl in einem Datum als Anzahl der Jahre seit 1900. Vor 2000 geeignet, um eine zweistellige Jahreszahl im 20. Jahrhundert zu setzen. Seit 2000 ungeeignet.
- bessere Alternative:
- Setzen Sie die Jahreszahl mit setFullYear().
String
String.prototype.anchor(name)
- Beschreibung:
- Erzeugt HTML Quellcode für einen Verweisanker mit einem name-Attribut. In HTML 5 sind Verweisanker in dieser Form nicht mehr vorgesehen!
Beispiel
element.innerHTML = "Impressum".anchor("impress");
- bessere Alternative:
- Verwenden Sie das id-Attribut eines beliebigen Elements als Verweisanker für einen Link mit Hash-Anteil. Wenn Sie dieses Element dynamisch erzeugen möchten, verwenden Sie document.createElement.
Beispiel
<!-- In der Navigation: -->
<a href="kontakt.html#impressum>Impressum</a>
<!-- Auf der kontakt.html Seite: -->
<h2 id="impressum">Impressum</h2>
String.prototype.big()
- Beschreibung:
- Erzeugt HTML Quellcode für ein
<big>
Element mit dem Inhalt des Strings als Elementinhalt. Sowohl diese Methode wie auch das big-Element sind missbilligt. - bessere Alternative:
- Verwenden sie CSS: font-size
String.prototype.blink()
- Beschreibung:
- (blinkenden Text erzeugen)
- bessere Alternative:
- Vermeiden Sie blinkenden Text. Ihre Besucher werden es Ihnen danken. Aber wenn Sie es partout nicht lassen wollen, können Sie CSS Animationen verwenden.
String.prototype.bold()
- Beschreibung:
- (fetten Text erzeugen)
- bessere Alternative:
- Verwenden Sie CSS: font-weight
String.prototype.fixed()
- Beschreibung:
- Erzeugt HTML Quelltext für ein
<tt>
-Element, das den String enthält - bessere Alternativen:
-
- Setzen Sie mit CSS eine monospace-Schriftart als font-family
- Verwenden sie semantische Elemente wie
<code>
,<kbd>
,<samp>
oder<var>
.
String.prototype.fontcolor()
- Beschreibung:
- Schriftfarbe erzeugen
- bessere Alternative:
- Verwenden Sie CSS: color
String.prototype.fontsize()
- Beschreibung:
- Schriftgröße erzeugen
- bessere Alternative:
- Verwenden Sie CSS: font-size
String.prototype.italics()
- Beschreibung:
- kursiven Text erzeugen
- bessere Alternative:
- Verwenden Sie CSS: font-style
String.prototype.link(url)
- Beschreibung:
- Erzeugt HTML Quelltext für ein
<a>
-Element mit href-Attribut, das die übergebene URL enthält. - bessere Alternativen:
-
- Verwenden Sie ein Templateliteral
- Erzeugen Sie das
<a>
-Element mittels document.createElement
String.prototype.small()
- Beschreibung:
- (kleinen Text erzeugen)
- bessere Alternative:
- Verwenden Sie CSS: font-size
String.prototype.strike()
- Beschreibung:
- (durchgestrichenen Text erzeugen)
- bessere Alternative:
- Verwenden Sie CSS: text-decoration
String.prototype.sub()
- Beschreibung:
- (tiefgestellten Text erzeugen)
- bessere Alternative:
- Verwenden Sie: HTML/Elemente/sub
String.prototype.sup()
- Beschreibung:
- (hochgestellten Text erzeugen)
- bessere Alternative:
- Verwenden Sie: HTML/Elemente/sup
String.prototype.trimLeft()
- Beschreibung:
- Diese Methode ist ein Kompatibilitäts-Alias für String.prototype.trimStart()
- bessere Alternative:
- Verwenden Sie das Original: trimStart()
String.prototype.trimRight()
- Beschreibung:
- Diese Methode ist ein Kompatibilitäts-Alias für String.prototype.trimEnd()
- bessere Alternative:
- Verwenden Sie das Original: trimEnd()
<a name="impress">Impressum</a>
als HTML Inhalt in ein Element ein