Video: HTML Crash Course For Absolute Beginners 2024
JavaScript öffnet Ihnen Webseiten, damit Sie interaktive Funktionen und diese benutzerfreundlichen Funktionen hinzufügen können. Natürlich müssen Sie wissen, wie Sie JavaScript in vorhandenen Code einpassen und was Sie eingeben müssen, um die gewünschten Effekte zu erzielen. Und wenn die Dinge nicht gut funktionieren, brauchen Sie vielleicht ein wenig Hilfe bei der Fehlerbehebung, um wieder auf Kurs zu kommen.
JavaScript-Objektbegriffe
JavaScript ist eine objektbasierte Sprache. Um zu verstehen, wie Sie mit dem Dokumentobjektmodell interagieren, mit dem Sie in JavaScript arbeiten, müssen Sie einige grundlegende objektbezogene Begriffe verstehen. Die folgende Tabelle zeigt diejenigen, die Sie wahrscheinlich am nützlichsten finden:
| Term | JavaScript-Beispiel |
|---|---|
| Ein -Objekt ist ein Ding (Substantiv). | Eine Schaltfläche ist ein Objekt. |
| Sie können ein Objekt mit Adjektiven
(Eigenschaften) beschreiben. |
Ein Button-Objekt hat einen -Namen und einen -Typ. |
| Ein Objekt kann Dinge (Methoden) ausführen. | Ein Schaltflächenobjekt kann klicken (). |
| Ein Objekt kann auf Ereignisse (Ereignishandler) reagieren. | Eine Schaltfläche kann erkennen, wann auf
( onClick ) geklickt wurde. |
Erstellen eines Hyperlinks, Laden einer Webseite und mehr mit JavaScript
JavaScript hilft Ihnen dabei, alle möglichen interaktiven Elemente auf einer Webseite einzubinden, und die folgende Tabelle zeigt Ihnen, wie Sie es tun können die Aufgaben, die Sie mit JavaScript ausführen können. Ob Sie eine Webseite laden oder Code kopieren möchten, finden Sie hier: How to to
| So tun Sie dies | Tun Sie dies im Navigator | Tun Sie dies im Internet Explorer |
|---|---|---|
| Laden Sie ein JavaScript-aktiviertes Webseite | Doppelklicken Sie auf das Navigatorsymbol einer Datei auf Ihrem Computer.
oder Datei → Seite öffnen |
Datei → Öffnen |
| JavaScript-Code einer anderen Person anzeigen | Ansicht → Seite Quelle | Ansicht → Quelle |
| Eine JavaScript-bezogene Newsgroup-Gruppe | finden → Mail & Newsgroups | Extras → Mail und News → Nachrichten lesen |
| Kopieren und Einfügen eines JavaScript-Codes | Strg + C kopieren; Strg + V zum Einfügen von | Strg + C zum Kopieren; Strg + V zum Einfügen |
| Erstellen eines Hyperlinks | … | … |
| Erstellen eines HTML-Formulars | … | … |
Fehlerbehebung JavaScript
JavaScript ist ein wunderbares Werkzeug, um interessante und interaktive Webseiten zu erstellen, aber ab und zu funktioniert nichts und Sie haben keine Ahnung, wo Sie anfangen sollen, wieder etwas in Bewegung zu bringen… Keine Sorgen machen; Werfen Sie einen Blick auf die folgende Liste, um zu erfahren, was Sie tun müssen, um wieder auf Kurs zu kommen (probieren Sie sie in dieser Reihenfolge aus):
-
Ist Ihr Webbrowser korrekt installiert und konfiguriert, einschließlich Ihres Kommunikationsmaterials?
-
Ist JavaScript aktiviert?
Von Navigator: Wählen Sie Bearbeiten → Voreinstellungen → Erweitert → Skripte & Plugins und aktivieren Sie das Kontrollkästchen JavaScript für Navigator aktivieren.
Von Internet Explorer:
-
Wählen Sie Extras → Internetoptionen und klicken Sie auf die Registerkarte Sicherheit
-
Klicken Sie auf die Schaltfläche Benutzerdefinierte Ebene
-
Scrollen Sie nach unten, bis die Kategorie Scripting erscheint.
-
Wählen Sie die Optionsschaltfläche Aktivieren für diese Optionen aus: Active Scripting; Einfügeoperationen über das Skript zulassen und Scripting von Java Applets
-
-
Sind all Ihre JavaScript-Anweisungen zwischen und Tags (außer JavaScript-Anweisungen, die an Event-Handler angehängt sind, die es nicht sein muss)?
-
Funktioniert Ihre HTML-Datei selbstständig, wenn Sie Ihre JavaScript-Anweisungen löschen?
-
Beginnen die Namen Ihrer JavaScript-Variablen alle mit einem alphabetischen Zeichen (oder einem Unterstrich)?
JavaScript Basiskreuzübergreifendes Dokumentobjektmodell
Wie jede andere Sprache verfügt auch JavaScript über eine eigene Grammatik und Syntax - Regeln, die Sie befolgen müssen, um verstanden zu werden. Die folgende Dokumentobjekthierarchie listet die integrierten Objekte auf, mit denen Sie im clientseitigen JavaScript arbeiten können, sowie deren Beziehungen zueinander:
