logo

Lär dig JavaScript-handledning

JavaScript handledning

Vår JavaScript handledning är designad för både nybörjare och proffs. JavaScript används för att skapa dynamiska sidor på klientsidan.

JavaScript är ett objektbaserat skriptspråk som är lätt och plattformsoberoende.

JavaScript är inte ett kompilerat språk, men det är ett översatt språk. JavaScript-översättaren (inbäddad i webbläsaren) ansvarar för att översätta JavaScript-koden för webbläsaren.

Vad är JavaScript

JavaScript (js) är ett lätt objektorienterat programmeringsspråk som används av flera webbplatser för att skripta webbsidorna. Det är ett tolkat, fullfjädrat programmeringsspråk som möjliggör dynamisk interaktivitet på webbplatser när det appliceras på ett HTML-dokument. Det introducerades år 1995 för att lägga till program till webbsidorna i webbläsaren Netscape Navigator. Sedan dess har det antagits av alla andra grafiska webbläsare. Med JavaScript kan användare bygga moderna webbapplikationer för att interagera direkt utan att ladda om sidan varje gång. Den traditionella webbplatsen använder js för att tillhandahålla flera former av interaktivitet och enkelhet.

sträng till datum

Även om JavaScript inte har någon anslutning till programmeringsspråket Java. Namnet föreslogs och tillhandahölls under de tider då Java blev populärt på marknaden. Förutom webbläsare använder databaser som CouchDB och MongoDB JavaScript som skript- och frågespråk.

Funktioner i JavaScript

Det finns följande funktioner i JavaScript:

  1. Alla populära webbläsare stöder JavaScript eftersom de tillhandahåller inbyggda exekveringsmiljöer.
  2. JavaScript följer syntaxen och strukturen i programmeringsspråket C. Det är alltså ett strukturerat programmeringsspråk.
  3. JavaScript är ett svagt skrivet språk, där vissa typer är implicit gjutna (beroende på operationen).
  4. JavaScript är ett objektorienterat programmeringsspråk som använder prototyper snarare än att använda klasser för arv.
  5. Det är ett lättviktigt och tolkat språk.
  6. Det är ett skiftlägeskänsligt språk.
  7. JavaScript stöds i flera operativsystem inklusive Windows, macOS, etc.
  8. Det ger bra kontroll till användarna över webbläsarna.

JavaScripts historia

1993, Mosaik , den första populära webbläsaren, kom till. I den år 1994 , Netscape grundades av Marc Andreessen . Han insåg att webben behövde bli mer dynamisk. Således ansågs ett 'limspråk' tillhandahållas till HTML för att göra webbdesign lätt för designers och deltidsprogrammerare. Följaktligen rekryterade företaget 1995 Brendan Eich avser att implementera och bädda in Scheme-programmeringsspråket i webbläsaren. Men innan Brendan kunde börja slogs företaget ihop med Sun Microsystems för att lägga till Java i sin Navigator så att den kunde konkurrera med Microsoft över webbteknologier och plattformar. Nu fanns två språk där: Java och skriptspråket. Vidare bestämde sig Netscape för att ge ett liknande namn till skriptspråket som Javas. Det ledde till 'Javascript'. Slutligen, i maj 1995, myntade Marc Andreessen den första koden för Javascript med namnet ' Mocka '. Senare ersatte marknadsföringsteamet namnet med ' LiveScript '. Men på grund av varumärkesskäl och vissa andra skäl, i december 1995, döptes språket slutligen om till 'JavaScript'. Sedan dess kom JavaScript till.

Tillämpning av JavaScript

JavaScript används för att skapa interaktiva webbplatser. Det används främst för:

  • validering på klientsidan,
  • Dynamiska rullgardinsmenyer,
  • Visar datum och tid,
  • Visar popup-fönster och dialogrutor (som en varningsdialogruta, bekräftelsedialogruta och dialogruta för uppmaning),
  • Visar klockor etc.

JavaScript-exempel

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

En detaljerad förklaring av det första JavaScript-exemplet ges i nästa kapitel.


JavaScript-index


JavaScript handledning

JavaScript grunderna

JavaScript-objekt

karta i maskinskriven

JavaScript BOM

  • Webbläsarobjekt
  • 1) Fönsterobjekt
  • 2) Historieobjekt
  • 3) Navigatorobjekt
  • 4) Skärmobjekt

JavaScript DOM

  • 5) Dokumentobjekt
  • getElementById
  • getElementsByName
  • getElementsByTagName
  • JavaScript innerHTML-egenskap
  • JavaScript innerText-egenskap

JavaScript-validering

JavaScript OOPs

  • JavaScript-klass
  • JavaScript-objekt
  • JavaScript prototyp
  • JavaScript-konstruktormetod
  • JavaScript statisk metod
  • JavaScript-inkapsling
  • JavaScript-arv
  • JavaScript-polymorfism
  • JavaScript abstraktion

JavaScript-cookies

JavaScript-händelser

    HTML/DOM-händelser

JavaScript Övrigt

  • JavaScript detta nyckelord
  • JavaScript-felsökning
  • JavaScript-hissning
  • JavaScript strikt läge

JavaScript Advance

Intervjufrågor

  • JavaScript-intervjufrågor

JavaScript-metoder

JavaScript Array Object

JavaScript DataView-objekt

  • JavaScript DataView
  • DataView getFloat32()-metoden
  • DataView getFloat64() metod
  • DataView getInt8() metod
  • DataView getInt16() metod
  • DataView getInt32() metod
  • DataView getUint8() metod
  • DataView getUint16() metod
  • DataView getUint32() metod

JavaScript-funktionsobjekt

  • JavaScript-funktion
  • Funktionen applicera() metod
  • Funktionen bind() metod
  • Funktion call() metod
  • Funktion toString()-metoden

JavaScript-datumobjekt

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

JavaScript-hanterareobjekt

  • JavaScript-hanterare
  • hanterare application()-metoden
  • hanterar construct()-metoden
  • hanterare defineProperty() metod
  • hanterare deleteProperty()-metoden
  • hanterare get()-metoden
  • hanterare getOwnPropertyDescriptor()-metoden
  • hanterare getPrototypeOf()-metoden
  • hanteraren has() metod
  • hanteraren isExtensible() metod
  • hanterar metoden ownKeys().
  • hanterare preventExtensions()-metoden
  • hanterare set()-metoden
  • hanteraren setPrototypeOf()-metoden

JavaScript JSON-objekt

python rest-operator
  • JavaScript JSON
  • JSON.parse() metod
  • JSON.stringify()-metoden

JavaScript kartobjekt

  • JavaScript-karta
  • Map clear()-metoden
  • Map delete() metod
  • Map entries() metod
  • Map forEach()-metoden
  • Karta get()-metoden
  • Map has() metod
  • Map keys() metod
  • Map set() metod
  • Map values() metod

JavaScript Math Object

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

JavaScript-nummerobjekt

  • JavaScript-nummer
  • Number isFinite()-metoden
  • Number isInteger()-metoden
  • Number parseFloat() metod
  • Number parseInt() metod
  • Number toExponential()-metoden
  • Number toFixed()-metoden
  • Number toPrecision()-metoden
  • Number toString()-metoden

JavaScript RegExp-objekt

  • JavaScript RegExp
  • RegExp.exec()-metoden
  • RegExp.test() metod
  • RegExp.toString()-metoden

JavaScript-objekt

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

JavaScript Reflect Object

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

JavaScript Set Object

JavaScript-strängobjekt

  • String charAt() metod
  • String charAt() metod
  • String charCodeAt() metod
  • String concat() metod
  • String indexOf() metod
  • String lastIndexOf() metod
  • String search() metod
  • Strängmatchning()
  • String replace() metod
  • String substr() metod
  • String substring() metod
  • String slice() metod
  • String toLowerCase()-metoden
  • toLocaleLowerCase()-metoden
  • String toUpperCase()-metoden
  • toLocaleUpperCase()-metoden
  • String toString()-metoden
  • String valueOf()-metoden

JavaScript-symbolobjekt

  • JavaScript-symbol
  • Symbol.for()-metoden
  • Symbol.keyFor()-metoden
  • Symbol.toString()-metoden

Symbol Egenskap

  • Egenskapen Symbol.hasInstance
  • isConcatSpreadable Property
  • Egenskapen Symbol.match
  • Symbol.prototype Egenskap
  • Symbol.replace Property
  • Symbol.search Egenskap
  • Symbol.split egenskap
  • Egenskapen Symbol.toStringTag
  • Symbol.unscopables Egendom

JavaScript TypedArray-objekt

  • JavaScript TypedArray
  • TypdArray copyWithin() metod
  • TypdArray entries() metod
  • TypdArray every() metod
  • TypdArray fill() metod
  • TypdArray filter() metod
  • TypdArray find() metod
  • TypdArray findIndex() metod
  • TypdArray forEach()-metoden
  • Metoden TypedArray include()
  • TypdArray indexof() metod
  • TypdArray join() metod
  • TypdArray Keys() metod
  • TypdArray lastIndexof() metod
  • TypdArray map() metod
  • TypdArray reduce() metod
  • TypdArray reduceRight()-metoden
  • TypdArray reverse() metod
  • TypdArray set() metod
  • TypdArray Slice()-metoden
  • TypdArray some() metod
  • TypdArray sort() metod
  • TypdArray subarray() metod
  • TypdArray values() metod
  • toLocaleString()-metoden
  • TypdArray toString()-metoden

JavaScript WeakMap Object

java byte array till sträng
  • JavaScript WeakMap
  • WeakMap delete() metod
  • WeakMap get() metod
  • WeakMap has() metod
  • WeakMap set() metod

JavaScript WeakSet Object

  • JavaScript svagt set
  • WeakSet add() metod
  • WeakSet delete() metod
  • WeakSet has() metod

Nödvändig förutsättning

Innan du lär dig JavaScript på djupet måste du ha grundläggande kunskaper om HTML.

Publik

Vi har utvecklat denna JavaScript-handledning för både nybörjare och proffs. Det finns många exempel med JavaScript-redigerare. Så du kan enkelt redigera din JavaScript-kod som hjälper dig att enkelt lära dig JavaScript.

Problem

Vi försäkrar dig att du inte kommer att hitta några problem i vår JavaScript-handledning. Men om du hittar något fel kan du lägga upp det i vår kommentarsektion.