Métodos de objeto de janela | Explicado
Este artigo discutirá os métodos de objeto de janela em JavaScript. Demonstraremos o uso de alguns métodos úteis de objeto de janela, como alert (), confirm (), prompt (), open () e settimeout (). Além disso, uma lista de outros métodos de objeto de janela JavaScript com sua descrição também será fornecida. Então vamos começar!
Método de objeto de janela alert () em javascript
O método do objeto de janela alert () é utilizado para exibir uma caixa de alerta que contém a string adicionada e possui um “OK" botão.
Exemplo: Usando o método de objeto de janela () em javascript
Neste exemplo, em primeiro lugar, definiremos um “msg ()”Função com o“alerta()”Método do objeto de janela em seu corpo. Depois de fazer isso, adicionaremos um “Clique em mim”Botão e depois anexe o“msg ()”Função para sua“ONCLICKEvento:
Execute o programa acima do seu editor de código favorito ou qualquer caixa de areia de codificação on-line; No entanto, utilizaremos o JSBIN para esse fim:
Agora, quando clicamos no botão destacado, uma caixa de alerta será exibida com a mensagem “Estamos aprendendo métodos de objeto de janela”:
Objeto de janela confirm () Método em JavaScript
No JavaScript, o método de objeto de Confirm () é usado para mostrar uma caixa de diálogo Confirmar que contém a string adicionada e dois botões: “OK" e "Cancelar”.
Exemplo: Usando o método do objeto de janela confirm () em javascript
No exemplo abaixo, adicionaremos um “msg ()”Função. O "msg ()”A função invocará o método de objeto de confirm () com a mensagem especificada. Em caso de clicar no “OK”Botão, ele mostrará um prompt mostrando o“Sim”String, e para o“Cancelar”Botão, ele exibirá“Não”No prompt:
Observe que vamos anexar o criado “msg ()”Função, na“ONCLICKEvento do “Apagar registro" botão:
Aqui está o "Apagar registro" botão; Clicando nele mostrará a caixa de diálogo Confirmar abaixo:
Nós clicamos no “OK”Button, e o seguinte prompt é exibido no navegador:
Em caso de clicar “Cancelar”, Nosso programa JavaScript mostrará este prompt:
Método do objeto de janela () em javascript
Se você está procurando um método de objeto de janela que possa ajudá -lo a receber informações do usuário através de uma caixa de diálogo, você pode usar o “incitar()”Método em seu código JavaScript. O "incitar()”O método do objeto de janela fornece um campo de texto e a mensagem especificada.
Exemplo: Usando o método do objeto de janela () em javascript
Em nosso programa JavaScript, adicionamos um “Clique em mim”Button, e em seu“ONCLICKEvento, vamos invocar o “showinfo ()”Função. Quando o corpo do “showinfo ()”A função será executada, exibirá um aviso solicitando que você insira seu nome e depois mostrará o nome adicionado em uma caixa de alerta quando você clicará no“OK”Botão do prompt:
Aqui, eu entrei “Sharqa”Como nome e depois clicou no“OK" botão:
Como você pode ver, o nome inserido é exibido em outra caixa de alerta:
Método Open () em JavaScript
O método do objeto de janela aberto () é utilizado para exibir o conteúdo adicionado em uma nova janela do navegador.
Exemplo: Usando o método do objeto de janela aberto () em javascript
Nós adicionamos um link no “abrir()”Método do objeto de janela no exemplo abaixo do rumo. De acordo com o código fornecido, quando clicaremos no “Linuxhint”Botão, o definido“link aberto()”A função será invocada e moverá o controle para a nova janela. A janela aberta mostrará o conteúdo do link adicionado:
Clicando no “Linuxhint”O botão abrirá nosso site Linuxhint na nova janela:
Método de objeto de janela setTimeout () em JavaScript
O método do objeto Settimeout () executa uma tarefa especificada após os milissegundos adicionados.
Exemplo: Método Window Object Settimeout () em JavaScript
No exemplo a seguir, o método setTimeout () será invocado quando clicarmos no “Clique em mim” . botão. Então depois "5Segundos, uma caixa de alerta aparecerá na janela do navegador:
Aqui está a caixa de alerta que temos depois de cinco segundos:
Outros métodos de objeto de janela em JavaScript
Confira a lista de outros métodos úteis de objeto de janela:
| Método do objeto de janela | Descrição |
|---|---|
| a para B() | O método do objeto de janela atob () é utilizado para decodificar uma string codificada base-64. |
| borrão() | O método do objeto Blur () da janela é utilizado para alternar o foco da janela ativa. |
| btoa () | O método do objeto de janela BTOA () é utilizado para codificar uma string na base-64. |
| ClearInterval () | O método do objeto Window ClearInterval () é utilizado para remover um timer conjunto com o método setInterval (). |
| ClearTimeout () | O método Window Object ClearTimeout () é utilizado para remover um conjunto de timer com a ajuda do método setTimeout (). |
| fechar() | O método do objeto Window Close () é utilizado para fechar a janela ativa. |
| foco() | O método do objeto Window Focus () é utilizado para definir foco na janela ativa. |
| getComputedStyle () | O método do objeto de janela getComputedStyle () é utilizado para recuperar os estilos CSS ativos aplicados a um elemento html. |
| getSelection () | O método do objeto de janela getSelection () é utilizado para exibir um objeto de seleção que representa o intervalo de texto selecionado pelo usuário. |
| MatchMedia () | O método Window Object MatchMedia () é utilizado para exibir uma mídia que representa a sequência de consultas da mídia especificada. |
| Moveby () | O método do objeto Window MoveBy () é utilizado para mover a janela de um navegador em relação à sua posição atual. |
| mover para() | O método do objeto de janela moveto () é utilizado para mover a janela do navegador para a posição adicionada. |
| imprimir() | O método do objeto de janela print () é utilizado para imprimir o conteúdo da janela ativa. |
| requestanimationframe () | O método do objeto de janela requestanimationframe () é utilizado para solicitar ao navegador que invocar a função de atualização de animação. |
| redimensiony () | O método REDIMENTE DE RESIDERADO () é utilizado para redimensionar a janela atual de acordo com os pixels adicionados. |
| Resizeto () | O método RESIZETO () do objeto de janela é utilizado para redimensionar a janela atual para a altura e largura especificadas. |
| scrollby () | O método Window Object scrollby () é utilizado para rolar o documento de acordo com o número especificado de pixels. |
| scrollto () | O método do objeto Window ScrollTo () é utilizado para rolar o documento de acordo com os valores de coordenadas especificadas. |
| parar() | O método do objeto de janela Stop () é utilizado para impedir que a janela seja carregada. |
Conclusão
Os métodos de objeto de janela no JavaScript são chamados para executar funções específicas para o objeto de janela, como redimensionar a janela ativa, exibir um rápido, decodificar uma sequência codificada, definindo o intervalo de tempo para executar operações, removendo o foco da janela atual. Este artigo discutiu métodos de objeto de janela em JavaScript. Demonstramos o uso de alguns métodos úteis de objeto de janela, como alert (), confirm (), prompt (), aberto () e settimeout (). Além disso, uma lista de outros métodos de objeto de janela JavaScript com descrições também é fornecida.