JavaScript poate fi plasat în <body> și <head> secțiuni ale unei pagini HTML.
<script> Tag
In HTML, codul JavaScript trebuie să fie inserat între <script> și </script> tag - uri.
Exemplu
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Exemplele mai mari pot folosi un atribut de tip: <script type="text/javascript"> .
Acest atribut de tip nu este necesară. JavaScript este implicit limbajul de scripting în HTML.
Funcții JavaScript și evenimente
O JavaScript function este un bloc de cod JavaScript, care poate fi executat atunci când "asked" a "asked" pentru.
De exemplu, o funcție poate fi executată atunci când un event are loc, la fel ca atunci când utilizatorul face clic pe un buton.
Vei afla mai multe despre funcțiile și evenimentele în capitolele următoare.
JavaScript în <head> sau <body>
Puteți plasa orice număr de script-uri într-un document HTML.
Script - urile pot fi plasate în <body> sau în <head> secțiunea unei pagini HTML, sau în ambele.
Păstrarea tot codul într-un singur loc, este întotdeauna un obicei bun.
JavaScript în <head>
În acest exemplu, o funcție JavaScript este plasat în <head> secțiunea a unei pagini HTML.
Funcția este invocată (called) atunci când un buton este apăsat:
Exemplu
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
Încearcă - l singur » JavaScript în <body>
În acest exemplu, o funcție JavaScript este plasat în <body> secțiunea a unei pagini HTML.
Funcția este invocată (called) atunci când un buton este apăsat:
Exemplu
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Încearcă - l singur » Este o idee bună pentru a plasa script - uri în partea de jos a <body> element.
Acest lucru poate îmbunătăți de încărcare a paginii, deoarece script-ul de compilare poate încetini afișajul.
extern JavaScript
Script-urile pot fi, de asemenea, plasate în fișiere externe:
myScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
script-uri externe sunt practice atunci când același cod este folosit în mai multe pagini web diferite.
Fișierele JavaScript au extensia de fișier .js .
Pentru a utiliza un script extern, a pus numele fișierului script în src (source) atribut al unui <script> tag - ul:
Exemplu
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Încearcă - l singur » Puteți plasa o referință script extern în <head> sau <body> cum doriți.
Script - ul se va comporta ca și în cazul în care a fost localizat exact unde <script> este situat tag - ul.
Script - uri externe nu pot conține <script> tag - uri.
Avantaje externe JavaScript
Plasarea JavaScripts în fișiere externe are unele avantaje:
- Se separă HTML și codul
- Aceasta face ca HTML și JavaScript mai ușor de citit și de a menține
- fișierele JavaScript stocate în memoria cache poate accelera pagină se încarcă