Attributi dell'evento di finestra

Attributi dell'evento di finestra
Gli eventi HTML vengono attivati ​​ogni volta che un utente esegue un'azione in un browser. Gli attributi dell'evento della finestra vengono invocati ogni volta che un utente esegue qualsiasi azione all'interno di una finestra del browser. Ad esempio, OnafterPrint dice qualcosa da attivare una volta che è stato eseguito un comando di stampa (o il dialogo di stampa è chiuso).

Gli attributi dell'evento della finestra possono essere divisi in due categorie:

  • IL Prima categoria Include quegli attributi che sono supportati solo dal tag.
  • IL Seconda categoria Include quegli elementi che supportano una varietà di tag.

Abbiamo preparato questa guida completa per fornire una visione approfondita degli attributi degli eventi di finestre e forniremo i seguenti risultati di apprendimento.

  • Attributi dell'evento di finestra supportati dal solo tag
  • Attributi dell'evento di finestra supportati da altri tag (,, e così via)

Attributi eventi di Windows

Questa sezione fornisce una panoramica approfondita delle due principali categorie di attributi eventi della finestra HTML che vengono attivati ​​ogni volta che si verifica l'evento specifico.

Attributi dell'evento di finestra supportati dal tag

Questa categoria include solo quegli attributi eventi di finestra che sono supportati solo da tag.

Attributo OnBeforeprint

Questo attributo esegue il codice JavaScript ogni volta che viene fornito un comando di stampa. L'evento OnBeforeprint viene attivato prima dell'apertura di un dialogo di stampa.

Sintassi

Esempio

L'esempio seguente dimostra l'applicazione dell'attributo evento della finestra onbeforeprint ().

Html


Premere Ctrl + P per dare un comando di stampa

Il codice sopra aggiunge un OnBeforeprint attributo evento e il Prima() la funzione di JS verrà eseguita.

JavaScript

funzione prima ()
Avviso ("Hai tentato un comando di stampa");

IL Prima() viene creata la funzione di JS che avvia un messaggio di avviso quando verrà chiamato.

Produzione

L'output mostra che quando viene fornito il comando di stampa viene visualizzato un messaggio di avviso e successivamente viene visualizzato il dialogo di stampa.

Attributo ONAFTERPRINT

Questo evento innesca uno script ogni volta che il dialogo di stampa è chiuso (non importa il comando di stampa o appena annullato il dialogo).

Sintassi

L'esempio mostra l'esecuzione di ONAfterPrint () Attributo evento di HTML.

Html


Premere Ctrl + P per dare un comando di stampa

Il codice sopra pratico pratichi l'attributo ONAFTERPRINT e il stampa() La funzione di JavaScript verrà eseguita su questo evento.

JavaScript

funzione print ()
avviso ("è stampato");

IL stampa() viene creata la funzione che mostra un messaggio di avviso dopo ONAfterPrint () evento.

Produzione

L'output mostra che dopo aver chiuso la finestra di dialogo di stampa, viene visualizzato il messaggio di avviso.

OnBeforeUnload

L'attributo OnBeforeUnload viene attivato quando la pagina aperta viene chiusa.

Sintassi

Onoffline


L'attributo Onoffline attiva ed esegue uno script ogni volta che il browser inizia a funzionare offline.

Sintassi

ononline

L'attributo Onoffline attiva ed esegue uno script ogni volta che il browser inizia a funzionare online.

Sintassi

onpagehide

L'evento viene attivato quando un utente naviga dalla pagina e in cambio viene eseguito uno script.

Sintassi

Onhashchange

Questo attributo viene esercitato ogni volta che viene modificato l'hash dell'URL. L'hash si riferisce alla parte dell'URL iniziata dopo "#"Simbolo.

Sintassi

onpageshow

L'evento OnPageshow viene attivato e uno script viene eseguito quando l'utente naviga su una pagina.

Sintassi

onpopstate

Questo evento viene attivato ogni volta che la cronologia della finestra viene cambiata.

Sintassi

onresize

IL onresize L'evento viene attivato ogni volta che viene ridimensionata la finestra della finestra del browser.

Sintassi

onunload

Questo attributo esegue uno script ogni volta che la pagina è chiusa o scaricata.

Sintassi

Nota: Nelle sintassi di cui sopra lo script si riferisce al codice JavaScript che verrebbe eseguito per innescare l'evento specifico.

Attributi dell'evento di finestra supportati da una varietà di tag

Questa categoria include quegli attributi eventi della finestra che sono attivati ​​da una varietà di tag.

Onerror

Questo evento esegue un codice JavaScript ogni volta che si verifica un errore nel caricamento di un'immagine o di un oggetto. Questo attributo dell'evento della finestra può essere applicato su ,,,, e .

Sintassi

Esempio

In questo esempio, il Onerror L'attributo evento viene utilizzato nel tag.

Html

Viene utilizzato l'attributo evento ONERROR


Il codice sopra utilizza l'attributo ONERROR su tag e un err () La funzione viene chiamata quando viene attivata.

JavaScript

funzione err ()
Avviso ("Caricamento dell'immagine non! Riprova");

Viene creata la funzione Err () che crea un messaggio di avviso.

Produzione

Quando la pagina viene caricata, l'errore verrebbe visualizzato come src proprietà del <img> Tag contiene un'immagine che non si trova all'interno della cartella dei nostri file principali.

Onload

L'evento Onload viene attivato e uno script viene eseguito ogni volta che la pagina ha finito di caricare un oggetto (file esterno, immagine esterna). Questo può essere applicato su vari tag come ,,,,, e .

Sintassi

Dagli attributi sopra indicati, avresti sperimentato il funzionamento di vari attributi di eventi finestra.

Conclusione

Gli attributi dell'evento della finestra comprendono un insieme di funzioni che vengono eseguite ogni volta che si verifica una modifica specifica nella schermata della finestra. Questo articolo fornisce il lavoro e dimostra l'utilizzo di tutti gli attributi dell'evento finestra. Gli attributi hanno vari tipi di funzionalità come OnBeforeprint, OnafterPrint, OnBeforeUnload, A Onhashchange, Onoffline, Ononline Attributi sono limitati al solo tag. D'altra parte, gli attributi Onload e Onerror possono essere applicati su altri tag come, e, e .