JavaScript Handledning
Komma igång med JavaScript

Angular 2 AngularJS ASP.NET CSS HTML jQuery Node.js PHP React Regular Expressions

Anmärkningar

Javascript (inte att förväxla med Java ) är ett dynamiskt, svagt typspråk som används både för klientsidan och skriptsidan på serversidan.

JavaScript är ett skiftlägeskänsligt språk. Detta betyder att språket anser att stora bokstäver skiljer sig från deras små bokstäver. Nyckelord i JavaScript är alla små bokstäver.

JavaScript är en vanligtvis referensimplementering av ECMAScript-standarden.

Ämnen i denna tagg hänvisar ofta till användning av JavaScript i webbläsaren, såvida inget annat anges. Enbart JavaScript-filer kan inte köras direkt av webbläsaren; det är nödvändigt att bädda in dem i ett HTML-dokument. Om du har någon JavaScript-kod som du vill prova kan du bädda in den i något platshållarinnehåll som detta och spara resultatet som example.html :

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Test page</title>
  </head>
  <body>
    Inline script (option 1):
    <script>
      // YOUR CODE HERE
    </script>
    External script (option 2):
    <script src="your-code-file.js"></script>
  </body>
</html>

versioner

Version	Utgivningsdatum
1	1997/06/01
2	1998/06/01
3	1998/12/01
E4X	2004-06-01
5	2009-12-01
5,1	2011-06-01
6	2015/06/01
7	2016/06/14
8	2017/06/27

Använda DOM API

DOM står för D ocument O bject M odel. Det är en objektorienterad representation av strukturerade dokument som XML och HTML .

Att ställa in textContent för ett Element är ett sätt att mata ut text på en webbsida.

Tänk till exempel på följande HTML-tagg:

<p id="paragraph"></p>

För att ändra dess textContent egenskap kan vi köra följande JavaScript:

document.getElementById("paragraph").textContent = "Hello, World";

Detta kommer att välja det element som med ID- paragraph och ställa dess textinnehåll till "Hej, världen":

<p id="paragraph">Hello, World</p>

(Se även den här demonstrationen)

Du kan också använda JavaScript för att skapa ett nytt HTML-element programmatiskt. Tänk till exempel på ett HTML-dokument med följande organ:

<body>
   <h1>Adding an element</h1>
</body>

I vår JavaScript skapar vi en ny <p> -tagg med en textContent och lägger till den i slutet av html-kroppen:

var element = document.createElement('p');
element.textContent = "Hello, World";
document.body.appendChild(element); //add the newly created element to the DOM

Det kommer att ändra din HTML-kropp till följande:

<body>
   <h1>Adding an element</h1>
   <p>Hello, World</p>
</body>

Observera att för att manipulera element i DOM med JavaScript måste JavaScript-koden köras efter att det relevanta elementet har skapats i dokumentet. Detta kan uppnås genom att lägga JavaScript <script> -taggarna efter allt ditt andra <body> -innehåll. Alternativt kan du också använda en händelse lyssnare för att lyssna på t.ex. window onload händelse , om du lägger till din kod i den händelse lyssnaren kommer att försena körningen av din kod tills hela innehållet på din sida har laddats.

Ett tredje sätt att se till att all din DOM har laddats är att radera in DOM-manipulationskoden med en timeout-funktion på 0 ms . På så sätt återupprättas denna JavaScript-kod i slutet av körningskön, vilket ger webbläsaren en chans att avsluta göra några saker som inte är JavaScript som väntar på att bli slut innan han tittar på den nya JavaScript-biten.

Med hjälp av console.log ()

Introduktion

Alla moderna webbläsare, NodeJs och nästan alla andra JavaScript-miljöer stödjer att skriva meddelanden till en konsol med hjälp av en serie loggmetoder. Det vanligaste av dessa metoder är console.log() .

I en webbläsarmiljö används funktionen console.log() främst för felsökningsändamål.