logo

TechCodeview

Lær JavaScript-tutorial

JavaScript tutorial

Vores JavaScript tutorial er designet til både begyndere og professionelle. JavaScript bruges til at skabe dynamiske sider på klientsiden.

JavaScript er et objektbaseret scriptsprog som er let og tværplatform.

JavaScript er ikke et kompileret sprog, men det er et oversat sprog. JavaScript-oversætteren (indlejret i browseren) er ansvarlig for at oversætte JavaScript-koden til webbrowseren.

Hvad er JavaScript

JavaScript (js) er et letvægts objektorienteret programmeringssprog, som bruges af flere websteder til scripting af websiderne. Det er et fortolket, fuldgyldigt programmeringssprog, der muliggør dynamisk interaktivitet på websteder, når det anvendes på et HTML-dokument. Det blev introduceret i år 1995 for at tilføje programmer til websiderne i Netscape Navigator-browseren. Siden da er det blevet overtaget af alle andre grafiske webbrowsere. Med JavaScript kan brugere bygge moderne webapplikationer til at interagere direkte uden at genindlæse siden hver gang. Den traditionelle hjemmeside bruger js til at give flere former for interaktivitet og enkelhed.

konverter byte array til streng

Selvom JavaScript ikke har nogen forbindelse med Java-programmeringssproget. Navnet blev foreslået og givet i de tider, hvor Java vandt popularitet på markedet. Ud over webbrowsere bruger databaser som CouchDB og MongoDB JavaScript som deres script- og forespørgselssprog.

Funktioner af JavaScript

Der er følgende funktioner i JavaScript:

  1. Alle populære webbrowsere understøtter JavaScript, da de giver indbyggede eksekveringsmiljøer.
  2. JavaScript følger C-programmeringssprogets syntaks og struktur. Det er således et struktureret programmeringssprog.
  3. JavaScript er et svagt skrevet sprog, hvor visse typer er implicit castet (afhængigt af operationen).
  4. JavaScript er et objektorienteret programmeringssprog, der bruger prototyper i stedet for at bruge klasser til arv.
  5. Det er et letvægtet og fortolket sprog.
  6. Det er et sprog, der skelner mellem store og små bogstaver.
  7. JavaScript er understøttet i flere operativsystemer, herunder Windows, macOS osv.
  8. Det giver god kontrol til brugerne over webbrowsere.

JavaScripts historie

I 1993, Mosaik , den første populære webbrowser, opstod. I den år 1994 , Netscape blev grundlagt af Marc Andreessen . Han indså, at nettet skulle blive mere dynamisk. Således mente man, at et 'limsprog' blev leveret til HTML for at gøre webdesign let for designere og deltidsprogrammører. Derfor rekrutterede virksomheden i 1995 Brendan Eich har til hensigt at implementere og integrere Scheme-programmeringssprog i browseren. Men før Brendan kunne starte, fusionerede virksomheden med Sun Microsystems for at tilføje Java til sin Navigator, så den kunne konkurrere med Microsoft over webteknologierne og -platformene. Nu var der to sprog: Java og scriptsproget. Yderligere besluttede Netscape at give et lignende navn til scriptsproget som Javas. Det førte til 'Javascript'. Endelig, i maj 1995, opfandt Marc Andreessen den første kode af Javascript ved navn ' Mokka '. Senere erstattede marketingteamet navnet med ' LiveScript '. Men på grund af varemærkemæssige årsager og visse andre årsager blev sproget i december 1995 endelig omdøbt til 'JavaScript'. Fra da opstod JavaScript.

Anvendelse af JavaScript

JavaScript bruges til at skabe interaktive hjemmesider. Det bruges hovedsageligt til:

  • validering på klientsiden,
  • Dynamiske rullemenuer,
  • Viser dato og klokkeslæt,
  • Viser pop op-vinduer og dialogbokse (som en advarselsdialogboks, bekræftelsesdialogboks og dialogboks med prompt),
  • Visning af ure mm.

JavaScript eksempel

 document.write('Hello JavaScript by JavaScript');
Test det nu

En detaljeret forklaring af det første JavaScript-eksempel er givet i næste kapitel.

JavaScript-indeks

JavaScript tutorial

JavaScript grundlæggende

JavaScript objekter

JavaScript stykliste

  • Browserobjekter
  • 1) Vinduesobjekt
  • 2) Historieobjekt
  • 3) Navigatorobjekt
  • 4) Skærmobjekt

JavaScript DOM

  • 5) Dokumentobjekt
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • JavaScript indreHTML-egenskab
  • JavaScript innerText egenskab

JavaScript validering

JavaScript OOPs

  • JavaScript klasse
  • JavaScript objekt
  • JavaScript prototype
  • JavaScript konstruktør metode
  • JavaScript statisk metode
  • JavaScript indkapsling
  • JavaScript-arv
  • JavaScript-polymorfi
  • JavaScript abstraktion

JavaScript-cookies

JavaScript-begivenheder

    HTML/DOM-begivenheder

JavaScript div

  • JavaScript dette søgeord
  • JavaScript debugging
  • JavaScript hejsning
  • JavaScript streng tilstand

JavaScript Advance

  • JavaScript TypedArray
  • JavaScript sæt
  • JavaScript kort
  • JavaScript svagt sæt
  • JavaScript WeakMap

Interview spørgsmål

js settimeout
  • JavaScript-interviewspørgsmål

JavaScript metoder

JavaScript Array Object

JavaScript DataView-objekt

  • JavaScript DataView
  • DataView getFloat32() metode
  • DataView getFloat64() metode
  • DataView getInt8() metode
  • DataView getInt16() metode
  • DataView getInt32() metode
  • DataView getUint8() metode
  • DataView getUint16() metode
  • DataView getUint32() metode

JavaScript funktionsobjekt

  • JavaScript funktion
  • Funktionen anvende() metode
  • Funktion bind() metode
  • Funktion call() metode
  • Funktion toString() metode

JavaScript-datoobjekt

  • JavaScript-dato
  • dato getDate() metode
  • dato getDay() metode
  • dato getFullYears() metode
  • dato getHours() metode
  • dato getMilliseconds() metode
  • dato getMinutes() metode
  • dato getMonth() metode
  • dato getSeconds() metode
  • dato getUTCDate() metode
  • dato getUTCDay() metode
  • dato getUTCFullYears() metode
  • dato getUTCHours() metode
  • dato getUTCMinutes() metode
  • dato getUTCMonth() metode
  • dato getUTCSeconds() metode
  • dato setDate() metode
  • dato setDay() metode
  • dato setFullYears() metode
  • dato setHours() metode
  • date setMilliseconds() metode
  • dato setMinutes() metode
  • dato setMonth() metode
  • dato setSeconds() metode
  • dato setUTCDate() metode
  • dato setUTCDay() metode
  • dato setUTCFullYears() metode
  • dato setUTCHours() metode
  • dato setUTCMilliseconds() metode
  • dato setUTCMinutes() metode
  • dato setUTCMonth() metode
  • dato setUTCSeconds() metode
  • dato toDateString() metode
  • dato toISOString() metode
  • dato toJSON() metode
  • dato toString() metode
  • dato toTimeString() metode
  • dato toUTCString() metode
  • dato valueOf() metode

JavaScript-håndteringsobjekt

  • JavaScript-handler
  • handler application() metode
  • handler construct() metode
  • handler defineProperty() metode
  • handler deleteProperty() metode
  • handler get() metode
  • handler getOwnPropertyDescriptor() metode
  • handler getPrototypeOf() metode
  • handler has() metode
  • handler isExtensible() metode
  • handler ownKeys() metode
  • handler preventExtensions() metode
  • handler set() metode
  • handler setPrototypeOf() metode

JavaScript JSON-objekt

hadoop tutorial
  • JavaScript JSON
  • JSON.parse() metode
  • JSON.stringify() metode

JavaScript-kortobjekt

  • JavaScript kort
  • Kort clear() metode
  • Kort delete() metode
  • Map entries() metode
  • Map forEach() metode
  • Kort get() metode
  • Map has() metode
  • Map keys() metode
  • Map set() metode
  • Kort værdier() metode

JavaScript Math Object

  • JavaScript matematik
  • Math abs() metode
  • Math acos() metode
  • Math asin() metode
  • Math atan() metode
  • Math cbrt() metode
  • Math ceil() metode
  • Math cos() metode
  • Math cosh() metode
  • Math exp() metode
  • Math floor() metode
  • Math hypot() metode
  • Math log() metode
  • Math max() metode
  • Math min() metode
  • Math pow() metode
  • Math random() metode
  • Math round() metode
  • Math sign() metode
  • Math sin() metode
  • Math sinh() metode
  • Math sqrt() metode
  • Math tan() metode
  • Math tanh() metode
  • Math trunc() metode

JavaScript-nummerobjekt

  • JavaScript nummer
  • Number isFinite() metode
  • Number isInteger() metode
  • Number parseFloat() metode
  • Number parseInt() metode
  • Number toExponential() metode
  • Number toFixed() metode
  • Number toPrecision() metode
  • Number toString() metode

JavaScript RegExp-objekt

  • JavaScript RegExp
  • RegExp.exec() metode
  • RegExp.test() metode
  • RegExp.toString() metode

JavaScript objekt

  • JavaScript objekt
  • Object.assign() metode
  • Object.create() metode
  • Object.defineProperty() metode
  • Object.defineProperties() metode
  • Object.entries() metode
  • Object.freeze() metode
  • getOwnPropertyDescriptor() metode
  • getOwnPropertyDescriptors() metode
  • getOwnPropertyNames() metode
  • getOwnPropertySymbols() metode
  • Object.getPrototypeOf() metode
  • Object.is() metode
  • preventExtensions() metode
  • Object.seal() metode
  • Object.setPrototypeOf() metode
  • Object.values() metode

JavaScript Reflect Object

  • JavaScript Reflection
  • Reflect.apply() metode
  • Reflect.construct() metode
  • Reflect.defineProperty() metode
  • Reflect.deleteProperty() metode
  • Reflect.get() metode
  • getOwnPropertyDescriptor() metode
  • Reflect.getPrototypeOf() metode
  • Reflect.has() metode
  • Reflect.isExtensible() metode
  • Reflect.ownKeys() metode
  • preventExtensions() metode
  • Reflect.set() metode
  • Reflect.setPrototypeOf() metode

JavaScript sæt objekt

JavaScript-strengobjekt

  • String charAt() metode
  • String charAt() metode
  • String charCodeAt() metode
  • String concat() metode
  • String indexOf() metode
  • String lastIndexOf() metode
  • String search() metode
  • Streng match()
  • String replace() metode
  • String substr() metode
  • String substring() metode
  • String slice() metode
  • String toLowerCase() metode
  • toLocaleLowerCase() metode
  • String toUpperCase() metode
  • toLocaleUpperCase() metode
  • String toString() metode
  • String valueOf() metode

JavaScript symbolobjekt

  • JavaScript symbol
  • Symbol.for() metode
  • Symbol.keyFor() metode
  • Symbol.toString() metode

Symbol Ejendom

  • Symbol.hasInstance Property
  • isConcatSpreadable Property
  • Symbol.match-egenskab
  • Symbol.prototype Ejendom
  • Symbol.erstat Ejendom
  • Symbol.search Ejendom
  • Symbol.split egenskab
  • Symbol.toStringTag-egenskab
  • Symbol.unscopables Ejendom

JavaScript TypedArray-objekt

  • JavaScript TypedArray
  • TypedArray copyWithin() metode
  • TypedArray entries() metode
  • TypedArray every() metode
  • TypedArray fill() metode
  • TypedArray filter() metode
  • TypedArray find() metode
  • TypedArray findIndex() metode
  • TypedArray forEach() metode
  • TypedArray include() metode
  • TypedArray indexof() metode
  • TypedArray join() metode
  • TypedArray Keys() metode
  • TypedArray lastIndexof() metode
  • TypedArray map() metode
  • TypedArray reduce() metode
  • TypedArray reduceRight() metode
  • TypedArray reverse() metode
  • TypedArray set() metode
  • TypedArray Slice() metode
  • TypedArray some() metode
  • TypedArray sort() metode
  • TypedArray subarray() metode
  • TypedArray værdier() metode
  • toLocaleString() metode
  • TypedArray toString() metode

JavaScript WeakMap-objekt

sql multiple table select
  • JavaScript WeakMap
  • WeakMap delete() metode
  • WeakMap get() metode
  • WeakMap has() metode
  • WeakMap set() metode

JavaScript WeakSet Object

  • JavaScript svagt sæt
  • WeakSet add() metode
  • WeakSet delete() metode
  • WeakSet has() metode

Forudsætning

Før du lærer JavaScript i dybden, skal du have det grundlæggende kendskab til HTML.

Publikum

Vi har udviklet denne JavaScript-tutorial til både begyndere og professionelle. Der er givet en masse eksempler med JavaScript-editor. Så du kan nemt redigere din JavaScript-kode, som vil hjælpe dig med at lære JavaScript nemt.

Problem

Vi forsikrer dig om, at du ikke vil finde noget problem i vores JavaScript-tutorial. Men hvis du finder en fejl, kan du skrive den i vores kommentarsektion.