Metodi di oggetti della finestra | Spiegato
Questo articolo discuterà i metodi degli oggetti della finestra in JavaScript. Dimostreremo l'utilizzo di alcuni utili metodi di oggetti finestra come Alert (), conferma (), prompt (), open () e setTimeout (). Inoltre, verrà fornito anche un elenco di altri metodi di oggetti finestra JavaScript con la loro descrizione. Quindi iniziamo!
Metodo Object Alert () Window in JavaScript
Il metodo Alert Object () finestra viene utilizzato per la visualizzazione di una casella di avviso che contiene la stringa aggiunta e ha un "OK"Pulsante.
Esempio: utilizzando il metodo Object Alert () in JavaScript
In questo esempio, in primo luogo, definiremo un "msg ()Funzione "con il"mettere in guardia()"Metodo dell'oggetto della finestra nel suo corpo. Dopo averlo fatto, aggiungeremo un "CliccamiPulsante "e quindi allegare"msg ()"Funzione per la sua"al clic"Evento:
Esegui il programma di cui sopra nel tuo editor di codice preferito o in qualsiasi sandbox di codifica online; Tuttavia, utilizzeremo il JSbin per questo scopo:
Ora, quando facciamo clic sul pulsante evidenziato, verrà visualizzata una casella di avviso con il messaggio "Stiamo imparando i metodi degli oggetti della finestra":
Metodo dell'oggetto finestra () in javascript
In JavaScript, il metodo Oggetto Finestra Conferma () viene utilizzato per mostrare una finestra di dialogo Conferma che contiene la stringa aggiunta e due pulsanti: "OK" E "Annulla".
Esempio: utilizzando il metodo Object Conferm () in JavaScript
Nell'esempio seguente, aggiungeremo un "msg ()" funzione. IL "msg ()"La funzione invocherà il metodo dell'oggetto della finestra Conferma () con il messaggio specificato. In caso di clic sul "OK"Pulsante, mostrerà un prompt che mostra il"SÌ”Stringa e per il"AnnullaPulsante ", verrà visualizzato"NO"Sul prompt:
Si noti che allegheremo il creato "msg ()Funzione ", sulla"al clicEvento "del"Elimina il record"Pulsante:
Ecco il "Elimina il record"Pulsante; Facendo clic su di esso mostrerà la finestra di dialogo Conferma di seguito:
Abbiamo fatto clic su "OK"Pulsante e il seguente prompt viene visualizzato sul browser:
In caso di clic "Annulla", Il nostro programma JavaScript mostrerà questo prompt:
Metodo dell'oggetto della finestra () in javascript
Se stai cercando un metodo dell'oggetto finestra che possa aiutarti a prendere input dall'utente attraverso una finestra di dialogo, è possibile utilizzare "richiesta()"Metodo nel tuo codice JavaScript. IL "richiesta()"Il metodo dell'oggetto della finestra fornisce un campo di testo e il messaggio specificato.
Esempio: utilizzando il metodo dell'oggetto finestra () in javascript
Nel nostro programma JavaScript, abbiamo aggiunto un "Cliccami"Pulsante, e sul suo"al clic"Evento, invoceremo il"showinfo ()" funzione. Quando il corpo del "showinfo ()"La funzione verrà eseguita, visualizzerà un prompt che ti chiede di inserire il tuo nome, quindi mostrerà il nome aggiunto in una casella di avviso quando fai clic su"OK"Pulsante del prompt:
Qui, ho inserito "sharqa"Come nome e quindi clicca su"OK"Pulsante:
Come puoi vedere, il nome inserito viene visualizzato in un'altra casella di allerta:
Metodo Oggetto Oggetto Finestra () in JavaScript
Il metodo Object Apri () finestra viene utilizzato per visualizzare il contenuto aggiunto in una nuova finestra del browser.
Esempio: utilizzando il metodo Object Object () in JavaScript
Abbiamo aggiunto un link in "aprire()"Metodo dell'oggetto della finestra nell'esempio seguente. Secondo il codice fornito, quando faremo clic su "LinuxhintPulsante ", il definito"link aperto()"La funzione verrà invocata e sposterà il controllo sulla nuova finestra. La finestra aperta mostrerà il contenuto del collegamento aggiunto:
Clicking su "Linuxhint"Il pulsante aprirà il nostro sito Web LinuxHint nella nuova finestra:
Metodo di setTimeout () Oggetto Finestra in JavaScript
Il metodo dell'oggetto finestra setTimeout () esegue un'attività specificata dopo i millisecondi aggiunti.
Esempio: metodo di setTimeout () Oggetto Windows in JavaScript
Nell'esempio seguente, il metodo setTimeout () verrà invocato quando faremo clic sul "Cliccami" . pulsante. Quindi dopo "5"Secondi, una casella di avviso apparirà sulla finestra del browser:
Ecco la scatola di allerta che abbiamo ottenuto dopo cinque secondi:
Altri metodi di oggetti della finestra in JavaScript
Dai un'occhiata all'elenco di altri metodi di oggetti finestra utili:
| Metodo dell'oggetto della finestra | Descrizione |
|---|---|
| da A a B() | Il metodo dell'oggetto della finestra ATOB () viene utilizzato per la decodifica di una stringa codificata da base-64. |
| sfocatura() | Il metodo Object Blur () della finestra viene utilizzato per cambiare la messa a fuoco dalla finestra attiva. |
| btoa () | Il metodo Object BtoA () della finestra viene utilizzato per codificare una stringa in Base-64. |
| ClearInterval () | Il metodo dell'oggetto finestra clearInterVal () viene utilizzato per rimuovere un set di timer con il metodo setInterval (). |
| Cleartimeout () | Il metodo Object Cleartimeout () viene utilizzato per rimuovere un set di timer con il metodo dell'aiuto del setTimeout (). |
| vicino() | Il metodo dell'oggetto della finestra chiusi () viene utilizzato per la chiusura della finestra attiva. |
| messa a fuoco() | Il metodo Oggetto Focus () della finestra viene utilizzato per l'impostazione di focus sulla finestra attiva. |
| getComputEdStyle () | Il metodo Object GetComputerStyle () viene utilizzato per il recupero degli stili CSS attivi che viene applicato a un elemento HTML. |
| getSelection () | L'oggetto finestra getSelection () viene utilizzato per la visualizzazione di un oggetto di selezione che rappresenta l'intervallo di testo selezionato dall'utente. |
| MatchMedia () | Il metodo MatchMedia () dell'oggetto finestra viene utilizzato per visualizzare una fenditura di mediaquery che rappresenta la stringa di query del supporto specificato. |
| Movingby () | Il metodo Object MoveBy () viene utilizzato per spostare la finestra di un browser rispetto alla sua posizione corrente. |
| moveTo () | Il metodo Object MoveTo () viene utilizzato per spostare la finestra del browser nella posizione aggiunta. |
| stampa() | Il metodo dell'oggetto della finestra () viene utilizzato per stampare il contenuto della finestra attiva. |
| requestAnimationFrame () | Il metodo Object requestAnimationFrame () viene utilizzato per richiedere al browser per invocare la funzione di aggiornamento dell'animazione. |
| resizeby () | Il metodo dell'oggetto della finestra RASIZEBY () viene utilizzato per ridimensionare la finestra corrente in base ai pixel aggiunti. |
| resizeto () | Il metodo dell'oggetto finestra resizeto () viene utilizzato per ridimensionare la finestra corrente all'altezza e alla larghezza specificate. |
| SCROLLBY () | Il metodo dell'oggetto finestra Scrollby () viene utilizzato per scorrere il documento in base al numero specificato di pixel. |
| scrollto () | Il metodo di scrollto () dell'oggetto finestra viene utilizzato per scorrere il documento in base ai valori delle coordinate specificate. |
| fermare() | Il metodo dell'oggetto della finestra () viene utilizzato per l'interruzione della finestra. |
Conclusione
I metodi degli oggetti della finestra in JavaScript sono invocati per eseguire funzioni specifiche per l'oggetto finestra, come il ridimensionamento della finestra attiva, la visualizzazione di un prompt, la decodifica di una stringa codificata, impostando l'intervallo di tempo per l'esecuzione delle operazioni, rimuovendo il focus dalla finestra corrente. Questo articolo ha discusso dei metodi degli oggetti della finestra in JavaScript. Abbiamo dimostrato l'utilizzo di alcuni utili metodi di oggetti finestra come Alert (), conferma (), prompt (), open () e setTimeout (). Inoltre, viene fornito anche un elenco di altri metodi di oggetti della finestra JavaScript con descrizioni.