O JavaScript fornece um conjunto de objetos com janela como núcleo, realizando o controle de acesso das janelas do navegador. 6 objetos importantes são definidos em JavaScript:
O objeto de janela representa uma janela que abre no navegador;
O objeto de documento representa o objeto de documento que carrega a página no navegador;
O objeto de localização contém as informações atuais da URL do navegador;
O objeto de navegação contém informações sobre o próprio navegador;
O objeto de tela contém informações sobre a tela do cliente e os recursos de renderização;
O objeto de história contém as informações históricas do navegador acessando a página da web.
Além do objeto de janela, os outros cinco objetos são propriedades do objeto de janela. O relacionamento deles é o seguinte:
1. Objeto do Windows
O objeto da janela é um objeto global JavaScript; portanto, as propriedades e métodos de uso do objeto da janela não precisam ser especificados. Por exemplo: Alert, a chamada completa é na verdade Window.alert, que geralmente omite a referência ao objeto da janela.
1. Propriedades, métodos e eventos do objeto Windows
| Nome do atributo | efeito | demonstração |
|---|---|---|
| nome | Especifique o nome da janela | |
| pai | A janela pai da janela atual (quadro), usando -a para retornar o método e as propriedades do objeto | |
| abridor | Retorna o objeto de janela que produz a janela atual e o usa para retornar o método e as propriedades do objeto | |
| principal | Ele representa a janela principal, é a janela de nível superior e também é a janela pai de todas as outras janelas. Os métodos e propriedades da janela atual podem ser acessados através deste objeto | |
| Auto | Retorna um objeto na janela atual através da qual métodos e propriedades da janela atual podem ser acessados. | |
| defaultStatus | Retorne ou defina o conteúdo padrão que será exibido na barra de status do navegador | |
| status | Retorne ou defina o conteúdo especificado que será exibido na barra de status do navegador |
| Nome do método | efeito | demonstração |
|---|---|---|
| alerta() | Exibe uma caixa de diálogo de alerta contendo uma mensagem e um botão OK | |
| confirmar() | Mostre uma caixa de diálogo de confirmação | |
| incitar() | Exiba uma caixa de diálogo imediata solicitando o usuário a inserir dados | |
| abrir() | Abra uma janela existente ou crie uma nova janela e carregue um documento nessa janela | |
| fechar() | Feche uma janela aberta | |
| navegar() | Exibir a página da web especificada na janela atual | |
| setTimeout () | Defina um cronômetro e ligue para uma função após a aprovação do intervalo de tempo especificado. | |
| ClearTimeout () | Redefinir o cronômetro especificado | |
| foco() | Faça um objeto de janela obter o foco atual | |
| borrão() | Faça um objeto de janela perder seu foco atual |
| evento | ilustrar | demonstração |
|---|---|---|
| ONLOAD | Ocorre quando os arquivos HTML são carregados no navegador | |
| OnUnload | Ocorre quando os arquivos HTML são excluídos do navegador | |
| Onfocus | Ocorre quando a janela fica foco | |
| onblur | Ocorre quando a janela perde o foco | |
| ONHELP | Ocorre quando o usuário pressiona a tecla F1 | |
| ONRESize | Ocorre quando o usuário redimensiona a janela | |
| OnScroll | Ocorre quando o usuário rola a janela | |
| OnError | Ocorre quando ocorre um erro ao carregar um arquivo html |
2. As principais funções fornecidas pelo objeto da janela:
Ajuste o tamanho e a posição da janela, abra uma nova janela, caixa do sistema de sistema, controle de barra de status e operações de tempo. A seguir, são apresentadas as seguintes descrições dessas 5 funções.
(1) Ajuste o tamanho e a posição da janela
método | uso | ilustrar |
window.moveby Mova a janela do navegador para o local especificado (posicionamento relativo) | window.moveby (dx, dy) | Para segurança e boas considerações do usuário, os scripts JavaScript não podem ser usados para mover janelas para fora da área visual. A janela do navegador sempre deve estar garantida para estar na área visual da tela. |
window.moveto Mova a janela do navegador para o local especificado (Posicionamento absoluto) | window.moveby (x, y) | Se as coordenadas especificadas (x, y) colocarem algumas ou todas as janelas fora da área visível, a janela permanecerá mais próxima da borda da tela. |
Window.ResizeBy Altere o tamanho da janela do navegador para a largura e a altura especificadas (redimensione relativamente a janela) | window.resizeby (dw, dh) | |
window.resizeto Altere o tamanho da janela do navegador para a largura e a altura especificadas (redimensione a janela) | window.resizeto (w, h) | A largura e a altura especificadas não podem ser negativas |
(2) Abra uma nova janela
Uso: Window.open ([URL], [Target], [Opções])
URL do parâmetro: o URL a ser carregado na nova janela. Se nenhum parâmetros for especificado, a página em branco será carregada por padrão. Por exemplo: window.open ("test.htm");
Target de parâmetro: o alvo ou o nome da janela recém -aberta
_ Carregue a nova página na janela atual
_blank carrega nova página na nova janela
_parente carrega nova página na janela dos pais
_top carrega nova página na janela superior
Opções de parâmetros: As propriedades da janela recém -aberta são compostas de várias opções, separadas por vírgulas, e cada opção contém o nome e o valor da opção.
Opções | ilustrar |
altura | A altura da janela, pixels de unidade |
largura | A largura da janela, pixels de unidade |
esquerda | A posição da borda esquerda da janela |
principal | A posição da borda superior da janela |
tela cheia | Se deve ser uma tela cheia, valor padrão não |
localização | Se você deve exibir a barra de endereço, o valor padrão é sim |
Menubar | Se você deve exibir a barra de menus, o valor padrão é sim |
Redimensionável | Se deve permitir a alteração do tamanho da janela, o valor padrão é sim |
barras de rolagem | Se você deve exibir barras de rolagem, valor padrão sim |
status | Se você deve exibir a barra de status, o valor padrão é sim |
TitleBar | Se você deve exibir a barra de título, o valor padrão é sim |
barra de ferramentas | Se você deve exibir a barra de ferramentas, o valor padrão é sim |
(3) caixa de prompt do sistema
window.alert Exibe a caixa de promotos de mensagem, Window.alert ([Message]); (Nota: os objetos da janela são geralmente omitidos e o alerta é usado diretamente)
Window.Confirm Exibe uma caixa de diálogo de confirmação que inclui os botões OK e Cancelar.
Window.Prompt Exibe uma caixa de prompt de mensagem que contém uma caixa de entrada de texto.
Uso: Window.prompt ([Mensagem], [padrão]); A mensagem é o texto exibido na caixa de prompt e o padrão é o valor padrão da caixa de texto.
(4) Controle de barra de status
Controlado pela propriedade Window.status. Por exemplo: window.status = "erro de erro"; Isso afetará a experiência do usuário, portanto, não é recomendável modificar as informações da barra de status.
(5) Operação cronometrada
As operações de tempo são funções comumente usadas no desenvolvimento da Web. No desenvolvimento baseado na tecnologia AJAX, existe um tipo de aplicativo que precisa acessar o servidor de back -end regularmente e atualizar a página front -end. Esse tipo de implementação de aplicativos geralmente depende das funções de operação de tempo.
Existem quatro funções de operação de tempo: Window.SetInterval, Window.ClearInterval, Window.SetTimeout e Window.ClearTimeout. Essas quatro funções são métodos de objetos de janela, o que significa que as operações de tempo no navegador são concluídas pela janela do navegador. A seguir, é apresentada uma introdução detalhada ao uso desses quatro métodos.
① Window.setInterval Defina o temporizador e executa a janela de código especificada.setInterval (código, tempo);
Descrição: O parâmetro de código pode ser uma função ou um código JavaScript na forma de uma string
O parâmetro de tempo é o intervalo de tempo para executar o código e a unidade é MS.
Window Window.ClearInterval Limpe o timer definido pela Window da função setInterval.ClearInterval (tempo);
③ Window.SetTimeout Defina o temporizador e executa a janela de código especificada.SetTimeout (código, tempo);
Nota: O parâmetro de código pode ser uma função ou um código JavaScript na forma de uma string. A diferença entre o setTimeout e o setInterval é que o setTimeout executa apenas o código especificado uma vez.
O parâmetro de tempo é o intervalo de tempo para executar o código e a unidade é MS.
④ Window.clearTimeout Limpe o timer definido pela Window.ClearTimeout da função Settimeout (tempo);
A explicação detalhada acima do objeto de janela, um dos objetos do navegador JavaScript, é todo o conteúdo compartilhado pelo editor. Espero que possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.