English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
JavaScript rende le pagine HTML più dinamiche e interattive; è possibile realizzare alcuni effetti speciali web tramite JavaScript.
Inserire un segmento di script
Come inserire uno script in un documento HTML.
Utilizzando il tag <noscript>
Come rispondere ai browser che non supportano o disattivano gli script?
Il tag <script> viene utilizzato per definire script client-side, come JavaScript.
L'elemento <script> può contenere istruzioni di script o puntare a un file di script esterno tramite l'attributo src.
JavaScript viene utilizzato principalmente per operazioni su immagini, convalida dei moduli e aggiornamenti dinamici del contenuto.
Il seguente script invierà "Hello World!" al browser:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
</body>
</html>Testa per vedere ‹/›Il tag <noscript> fornisce un contenuto alternativo quando non è possibile utilizzare gli script, ad esempio quando il browser ha disattivato gli script o non supporta i script client-side.
L'elemento <noscript> può contenere tutti gli elementi che si possono trovare nel body di una pagina HTML.
Verrà visualizzato il contenuto dell'elemento <noscript> solo quando il browser non supporta i script o li ha disattivati:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
</head>
<body>
<script>
document.write("Hello World!")
</script>
<noscript>Dispiace, il tuo browser non supporta JavaScript!</noscript>
<p>Il browser che non supporta JavaScript utilizzerà il contenuto (testo) definito nel tag <noscript> per sostituirlo.</p>
</body>
</html>Testa per vedere ‹/›Esempio di codice JavaScript:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
</head>
<body>
<p>
JavaScript può scrivere direttamente nello stream di output HTML con document.write:
</p>
<script>
document.write("<h1>Questo è un titolo H1</h1>");
document.write("<p>Questo è un paragrafo P.</p>");
</script>
<p>
Puoi usare <strong>document.write</strong> solo nello stream di output HTML.
Se lo utilizzi dopo che il documento è stato caricato (ad esempio in una funzione), coprirà l'intero documento.
</p>
</body>
</html>Testa per vedere ‹/›<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
</head>
<body>
<h1>Il mio primo script JavaScript</h1>
<p id="demo">
JavaScript può innescare eventi, come un clic su un pulsante.</p>
<script>
function test_js()
{
document.getElementById("demo").innerHTML="Hello JavaScript(oldtoolbag.com)!";
}
</script>
<button type="button" onclick="test_js()">Clicca qui</button>
</body>
</html>Testa per vedere ‹/›<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Guida di Base (oldtoolbag.com)</title>
</head>
<body>
<h1>Il mio primo JavaScript</h1>
<p id="demo">
JavaScript può modificare lo stile degli elementi HTML (oldtoolbag.com).
</p>
<script>
function test_js()
{
x=document.getElementById("demo") // Trova l'elemento
x.style.color="#ff3300"; // Cambia lo stile
}
</script>
<button type="button" onclick="test_js()">Clicca qui</button>
</body>
</html>Testa per vedere ‹/›| Tag | Descrizione |
| <script> | Definisce lo script client |
| <noscript> | Definisce il testo output del browser non supportante lo script |