HTML5 Programmeren met JavaScript Cheat Sheet

JavaScript browser objecten maken het mogelijk om te ontdekken en veranderen de applicatie-omgeving. Door te weten waar de gebruiker is gegaan, waar de gebruiker nu is, en waar u de gebruiker kunt nemen, kunt u effectief de controle van de toepassing flow. Natuurlijk, het is belangrijk om te weten welke maat het scherm van de gebruiker, zodat u gegevens kunt presenteren op een manier die de lichamelijkheid van het apparaat van de gebruiker weerspiegelt.

In de volgende tabel worden enkele van de meer interessante JavaScript browser opties.

Object Beschrijving
geschiedenis Biedt de middelen voor de behandeling en bewegen tussen de URL's die zijn opgeslagen in de geschiedenis van de browser. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/obj_history.asp zien.
plaats Bevat informatie over de huidige URL. Dit object biedt ook de middelen om taken, zoals het laden van een nieuwe pagina of het herladen van de huidige pagina uit te voeren. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/obj_location.asp zien.
navigator Bevat informatie over de huidige browser. Bijvoorbeeld, kunt u het type browser bepalen en of de browser heeft cookies ingeschakeld. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/obj_navigator.asp zien.
scherm Specificeert de fysieke kenmerken van het apparaat dat wordt gebruikt om de pagina weer te geven, met inbegrip van pagina hoogte, breedte en kleurdiepte. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/obj_screen.asp zien.
venster Biedt toegang tot het venster van de browser, zodat u taken zoals het weergeven bericht dozen kunnen uitvoeren. Bij het werken met pagina's die frames bevatten, de browser creëert een venster voor het volledige HTML-document en een venster voor elk frame. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/obj_window.asp zien.

Hoe te gebruiken Core DOM Objecten te Application Content Beheer

Het doel van een JavaScript applicatie is om content te beheren. Dit betekent dat het toevoegen, verwijderen en de HTML-document dat de verschillende elementen die de structuur en de inhoud te ondersteunen houdt bewerken. Deze objecten geven toegang tot alle documenten details met betrekking tot de inhoud.

Object Beschrijving
Attr Biedt toegang tot individuele attributen in het document. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_attr.asp zien.
document Biedt toegang tot het volledige document. U kunt dit object gebruiken om een ​​deel van het document. Daarnaast is dit object kunt u direct informatie weer te geven op de pagina en het uitvoeren van andere taken in verband met de user interface. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_core_document.asp zien.
Element Bevat een individueel document element van elk type ondersteund als XML. Dit object biedt toegang tot attributen door de Attr object en eigenschappen door de Node-object. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_element.asp zien.
Evenementen Ondersteunt de toegang tot bestaande gebeurtenissen en de creatie van nieuwe. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_event.asp zien.
HTMLElement Bevat een HTML-document afzonderlijk element, zoals een paragraaf of controle. Gebruik de Element en Node objecten om de toegang tot element attributen en eigenschappen krijgen. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_all.asp zien.
Knooppunt Definieert de gegevens van een bepaald knooppunt, waarbij het gehele document, een element in het document, en een attribuut als onderdeel van een element, tekst en commentaren kunnen bevatten. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_node.asp zien.
NodeFilter Specificeert welke knooppunten verschijnen als onderdeel van een NodeIterator gebruikt om de lijst met knooppunten doorkruisen binnen een document. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op https://developer.mozilla.org/en-US/docs/DOM/NodeFilter zien.
NodeIterator Een werkwijze voor het verkrijgen van een lijst van knooppunten in een document. Het doorkruisen van de lijst van knooppunten kan u helpen lokaliseren specifieke knooppunten en interactie met hen. Bijvoorbeeld, zou u alle <input> tag knooppunten vinden en toevoegen van een bepaald attribuut voor hen. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op https://developer.mozilla.org/en-US/docs/DOM/NodeIterator zien.
Nodelist Bevat een geordende lijst van alle knooppunten in het document of in een bepaald gebied van het document. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_nodelist.asp zien.
NamedNodeMap Bevat een geordende lijst van alle knooppunten in het document of in een bepaald gebied van het document. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_namednodemap.asp zien.

Hoe gebruik je HTML DOM Objecten te Structuur Beheer

Het organiseren van de informatie die de gebruiker ziet op het scherm in een samenhangend presentatie met behulp van JavaScript is belangrijk. De gebruiker moet de HTML-document structuur te zien, maar de structuur moet de inhoud ondersteunen - het moet niet de aandacht op zichzelf te vestigen. Bij het werken met een pagina, structuur omvat alles van tafels om de controles wordt gebruikt om te communiceren met en beheren van de content die de gebruiker is het meest geïnteresseerd in het zien. De volgende HTML DOM-objecten u helpen deze taak bij het werken met JavaScript.

Object Beschrijving
Document Biedt toegang tot alle elementen van een hele pagina. Elke pagina in een browser geladen wordt een Document-object die u via het document trefwoord. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_document.asp zien.
Evenement Maakt interactie met de evenementen en event handlers gekoppeld aan een pagina. Elk type element heeft specifieke afspraken verbonden aan, zoals de klik gebeurtenis verbonden met het object Button. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_event.asp zien.
HTMLElement Biedt een basisklasse van waaruit alle HTML elementen worden afgeleid. Deze basis klasse definieert de eigenschappen en methoden die alle HTML elementen. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_all.asp zien.
Anker Vertegenwoordigt een HTML-hyperlink. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_anchor.asp zien.
Gebied Definieert het gebied binnen een HTML-image map die wordt gebruikt om klikbare gebieden te creëren voor een grafisch element. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_area.asp zien.
Base Hiermee wordt de standaard-mailadres of een standaard doel voor alle links op een pagina. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_base.asp zien.
Lichaam Vertegenwoordigt de <body> tag deel van een pagina, met inbegrip van alle elementen in die tag. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_body.asp zien.
Knop Vertegenwoordigt een knop op een pagina. Dit object is specifiek geassocieerd met de knop <> tag, in plaats van de <input> tag vorm van de knop. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_pushbutton.asp zien.
Vorm Vertegenwoordigt een vorm en bevat alle elementen in die vorm. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_form.asp zien.
Frame en iFrame Vertegenwoordigt een frame (de <frame> tag) of een inline frame (de <iframe> tag) en alle elementen binnen die tag. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_frame.asp zien.
Frameset Biedt toegang tot een frameset die twee of meer frames bevat. Dit doel wordt alleen het aantal rijen en kolommen gebruikt om de bijbehorende frames houden. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_frameset.asp zien.
Afbeelding Vertegenwoordigt een ingesloten afbeelding. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_image.asp zien.
Input Button Staat voor een tag van het type knop <input> gebruikt voor het bouwen van een formulier. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_button.asp zien.
Input Checkbox Staat voor een tag van het type selectievakje <input> gebruikt voor het bouwen van een formulier. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_checkbox.asp zien.
Input File Staat voor een tag van het type bestand te uploaden <input> gebruikt voor het bouwen van een formulier. Wanneer de gebruiker op de knop klikt, wordt de browser presenteert een browse dialoogvenster dat wordt gebruikt om het bestand te zoeken. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_fileupload.asp zien.
Input Verborgen Staat voor een tag van het type verborgen <input>. Een verborgen element wordt gebruikt om gegevens naar de server maar onzichtbaar voor de eindgebruiker. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_hidden.asp zien.
Input Password Staat voor een tag van het type tekst <input> gebruikt voor het bouwen van een formulier. Deze bijzondere vorm van tekst controle displays sterretjes in plaats van de tekens die de gebruiker heeft getypt om wachtwoorden en andere geheime informatie verborgen te houden. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_password.asp zien.
Input Radio Staat voor een tag van het type radio button <input> gebruikt voor het bouwen van een formulier. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_radio.asp zien.
Input Reset Staat voor een tag van het type knop <input> gebruikt voor het bouwen van een formulier. Dit type knop wordt gebruikt om het formulier terug te zetten naar de oorspronkelijke staat. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_reset.asp zien.
Input Submit Staat voor een tag van het type knop <input> gebruikt voor het bouwen van een formulier. Dit type knop wordt gebruikt om gegevens te verzenden naar de server. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_submit.asp zien.
Input Tekst Staat voor een tag van het type tekst <input> gebruikt voor het bouwen van een formulier. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_text.asp zien.
Link Een HTML-link op de pagina. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_link.asp zien.
Meta Definieert meta data gebruikt om pagina-inhoud te beschrijven, automatisch vernieuwen inhoud, of het uitvoeren van andere taken. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_meta.asp zien.
Object Maak een algemeen object gebruikt om niet-tekst gegevens zoals foto's, knoppen en audio vast te houden. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_object.asp zien.
Optie Vertegenwoordigt een keuzelijst waar de gebruiker een single entry kan kiezen. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_option.asp zien.
Kiezen Vertegenwoordigt een keuzelijst waar de gebruiker een of meer items kunt kiezen. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_select.asp zien.
Stijl Hiermee wordt de weergave van andere elementen op de pagina. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_style.asp zien.
Tafel Maakt een tabel op de pagina en bevat zowel rij en mobiele elementen die gebruikt worden om de inhoud te houden. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_table.asp zien.
td en e Vertegenwoordigt een data cel in een tabel. De <td> tag wordt gebruikt voor algemene data-items, en de <th> tag definieert rubrieken. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_tabledata.asp zien.
tr Vertegenwoordigt een rij gegevens cellen in een tabel. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_tablerow.asp zien.
Textarea Vertegenwoordigt een multi-rij tekst element op de pagina. U kunt een compleet overzicht van de methoden en eigenschappen gekoppeld aan dit object op www.w3schools.com/jsref/dom_obj_textarea.asp zien.