JavaScript può essere collocato nel <body> e <head> sezioni di una pagina HTML.
Il <script> tag
In HTML, deve essere inserito il codice JavaScript tra <script> e </script> tag.
Esempio
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Gli esempi più vecchi possono utilizzare un attributo del tipo: <script type="text/javascript"> .
Questo attributo tipo non è necessaria. JavaScript è il linguaggio di script predefinito in HTML.
Funzioni JavaScript ed Eventi
Un JavaScript function è un blocco di codice JavaScript, che può essere eseguita quando "chiesto" per.
Per esempio, una funzione può essere eseguita quando si verifica unevento, come quando l'utente seleziona un pulsante.
Si impara molto di più sulle funzioni e gli eventi nei capitoli successivi.
JavaScript nel <head> o <body>
È possibile inserire un qualsiasi numero di script in un documento HTML.
Gli script possono essere messi in <body> , o nella <head> sezione di una pagina HTML, o in entrambi.
Mantenere tutto il codice in un unico luogo, è sempre una buona abitudine.
JavaScript nel <head>
In questo esempio, una funzione JavaScript viene inserito nella <head> sezione di una pagina HTML.
La funzione viene richiamata (chiamata) quando un pulsante viene cliccato:
Esempio
<!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>
Prova tu stesso " JavaScript nel <body>
In questo esempio, una funzione JavaScript viene inserito nel <body> sezione di una pagina HTML.
La funzione viene richiamata (chiamata) quando un pulsante viene cliccato:
Esempio
<!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>
Prova tu stesso " E 'una buona idea di inserire gli script in fondo il <body> elemento.
Questo può migliorare di caricamento della pagina, perché la compilazione script può rallentare la visualizzazione.
JavaScript esterno
Gli script possono anche essere messi in file esterni:
MyScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
script esterni sono pratico quando lo stesso codice viene utilizzato in molte pagine web diverse.
File JavaScript hanno l'estensione .js .
Per utilizzare uno script esterno, inserire il nome del file di script l'attributo src (fonte) di un <script> tag:
Esempio
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Prova tu stesso " È possibile inserire un riferimento script esterno in <head> o <body> come ti piace.
Lo script si comporterà come se fosse situato esattamente dove il <script> si trova tag.
Script esterni non possono contenere <script> tag.
Vantaggi esterno JavaScript
Posizionamento di JavaScript in file esterni ha alcuni vantaggi:
- Si separa il codice HTML e
- Rende HTML e JavaScript più facile da leggere e da gestire
- file JavaScript cache possono accelerare caricamento della pagina