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

uscita JavaScript

JavaScript non ha funzioni di stampa o di uscita.

JavaScript visualizza i dati

i dati di uscita possono JavaScript in diversi modi:

  • Utilizzare window.alert () di dialogo di avviso pop-up.
  • Utilizzando il metodo document.write () per scrivere il contenuto di un documento HTML.
  • Utilizzando innerHTML di scrivere elementi HTML.
  • Utilizzare console.log () viene scritto nella console del browser.

Utilizzare window.alert ()

Si può apparire una finestra di avviso per visualizzare i dati:

Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina </ h1>
<P> Il mio primo paragrafo. </ P>

<Script>
window.alert (5 + 6);
</ Script>

</ Corpo>
</ Html>

Prova »

Manipolare gli elementi HTML

Per accedere a un elemento HTML da JavaScript, è possibile utilizzare il metododocument.getElementById(id).

Si prega di utilizzare l'attributo "id" per identificare gli elementi HTML, e innerHTML per ottenere i contenuti o inserire elementi:

Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina Web </ h1>

<P id = "demo"> Il mio primo comma </ p>

<Script>
document.getElementById ( "demo") innerHTML = "paragrafo è stato modificato ..";
</ Script>

</ Corpo>
</ Html>

Prova »

dichiarazioni più JavaScript (nel tag <script>) possono essere eseguite in un browser Web:

document.getElementById ( "demo") è quello di utilizzare l'attributo id per trovare elementi HTML JavaScript codice.

innerHTML = "paragrafo è stato modificato." viene utilizzata per modificare l'elemento contenuto HTML (innerHTML) codice JavaScript.


In questo tutorial

Nella maggior parte dei casi, in questo tutorial, useremo i metodi descritti sopra per l'uscita:

L'esempio che segue direttamente alla id = "demo" dell'elemento <p> è scritto nel documento HTML di uscita:


Scrive documento HTML

A scopo di verifica, è possibile scrivere direttamente JavaScript nel documento HTML:

Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina Web </ h1>

<P> Il mio primo paragrafo. </ P>

<Script>
document.write (Date ());
</ Script>

</ Corpo>
</ Html>

Prova »

nota

Si prega di utilizzare il document.write () semplicemente scrivendo il contenuto ad una uscita documento.

Se lo fai document.write dopo che il documento è terminato il caricamento, l'intera pagina HTML verrà sovrascritto.


Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina Web </ h1>

<P> Il mio primo paragrafo. </ P>

<Pulsante onclick = "myFunction () "> punto i </ button>

<Script>
la funzione myFunction () {
document.write (Date ());
}
</ Script>

</ Corpo>
</ Html>

Prova »


Scritto alla console

Se il browser supporta il debug, è possibile utilizzare il metodo console.log () per visualizzare il valore di JavaScript nel browser.

Browser uso F12 per attivare la modalità di debug, la finestra di debug, fare clic sul menu "Console".

Esempi

<! DOCTYPE html>
<HTML>
<Body>

<H1> La mia prima pagina Web </ h1>

<Script>
a = 5;
b = 6;
c = a + b;
console.log (c);
</ Script>

</ Corpo>
</ Html>

Prova »

Esempi console Schermata:


Lo sapevate?

nota Debug sta sperimentando un programma per trovare e ridurre il processo di bug (errori).