Latest web development tutorials
×

JavaScript corso

JavaScript corso JavaScript breve introduzione JavaScript uso JavaScript esportazione JavaScript grammatica JavaScript dichiarazioni JavaScript nota JavaScript variabile JavaScript Tipi di dati JavaScript Oggetti JavaScript funzione JavaScript portata JavaScript evento JavaScript stringa JavaScript operatori JavaScript confrontare JavaScript If...Else JavaScript switch JavaScript for JavaScript while JavaScript Break & Continue JavaScript typeof JavaScript tipo di conversione JavaScript Espressioni regolari JavaScript errore JavaScript Debugging JavaScript alzata variabile JavaScript Modalità Strict JavaScript Uso improprio JavaScript Forms Authentication JavaScript Parole chiave riservate JavaScript JSON JavaScript void JavaScript Codice Specifica

JS funzione

JavaScript definizione di funzione JavaScript Argomenti funzione JavaScript richiamo della funzione JavaScript chiusure

JS HTML DOM

DOM breve introduzione DOM HTML DOM CSS DOM evento DOM EventListener DOM elemento

JS Tutorial avanzato

JavaScript Oggetti JavaScript Number JavaScript String JavaScript Date JavaScript Array JavaScript Boolean JavaScript Math JavaScript RegExp Oggetti

JS Browser BOM

JavaScript Window JavaScript Window Screen JavaScript Window Location JavaScript Window History JavaScript Navigator JavaScript pop JavaScript evento programmato JavaScript Cookies

JS magazzino

JavaScript magazzino JavaScript prova jQuery JavaScript prova Prototype

JS Esempi

JavaScript Esempi JavaScript istanza di oggetto JavaScript istanza di oggetto Browser JavaScript HTML DOM Esempi JavaScript sommario

JS Manuale di riferimento

JavaScript Oggetti HTML DOM Oggetti

Uso JavaScript

HTML nello script deve trovarsi tra i tag <script> e </ script> tag.

Script può essere posizionato nella pagina HTML <body> e <head> sezione.


Tag <script>

Per inserire JavaScript nella pagina HTML, utilizzare il tag <script>.

<Script> e </ script> dice JavaScript da dove cominciare e di fine.

Riga di codice <script> e </ script> tra contiene JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

Non si capisce il codice di cui sopra. Basta capire che il browser interpretare ed eseguire codice JavaScript è in <script> e </ script> tra

lampada Esempi di quelle vecchie possono utilizzare type = "text / javascript" nel tag <script>. Ora non c'è bisogno di farlo. JavaScript è tutti i browser moderni e HTML5 linguaggio di script predefinito.


<Body> in JavaScript

In questo esempio, viene caricato JavaScript nella pagina HTML, quando il <body> scrivere del testo:

Esempi

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

Prova »


funzioni ed eventi JavaScript

istruzioni JavaScript nell'esempio sopra, eseguiti al caricamento della pagina.

In generale, abbiamo bisogno di eseguire codice quando si verifica un evento, come ad esempio quando l'utente fa clic sul pulsante.

Se mettiamo il codice JavaScript nella funzione, è possibile chiamare la funzione quando si verifica l'evento.

Imparerete di più sulla conoscenza delle funzioni e degli eventi JavaScript nei capitoli successivi.


Nel <head> o <body> di JavaScript

È possibile inserire un numero illimitato di script in un documento HTML.

lo script HTML è situato nel <body> o <head> sezione, o esistono in due sezioni.

La pratica abituale è operato nella sezione <head>, o sul fondo della pagina. In modo che possano essere collocati nello stesso luogo in cui non interferisce con il contenuto della pagina.


funzioni <head> JavaScript

In questo caso, abbiamo una funzione JavaScript posto in pagine HTML <head> sezione.

Questa funzione viene chiamata quando il pulsante viene premuto:

Esempi

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</head>

<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick="myFunction()" >尝试一下</button>

</body>
</html>


Prova »


funzioni <body> JavaScript

In questo caso, abbiamo una funzione JavaScript posto nel <body> pagina HTML.

Questa funzione viene chiamata quando il pulsante viene premuto:

Esempi

<!DOCTYPE html>
<html>
<body>

<h1>我的 Web 页面</h1>

<p id="demo">一个段落</p>

<button type="button" onclick=" myFunction() ">尝试一下</button>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
</script>

</body>
</html>


Prova »


JavaScript esterno

È inoltre possibile salvare lo script in un file esterno. I file esterni di solito contengono il codice per essere utilizzato da più pagine.

estensione del file è .js esterni file JavaScript.

Per utilizzare un file esterno, impostare il file .js nella tag <script> è "src" l'attributo:

Esempi

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

Prova »

È possibile posizionare lo script nella <head> o <body> nei risultati operativi effettivi e scrivere la sceneggiatura esattamente lo stesso tag <script>.

MyScript.js codice del file è il seguente:

function myFunction()
{
    document.getElementById("demo").innerHTML="我的第一个 JavaScript 函数";
}
lampada script esterno non può contenere il tag <script>.