Sabemos que o modelo de objeto do navegador (BOM) é um dos componentes do JavaScript, que fornece objetos que interagem com a janela do navegador independentemente do conteúdo. Sua estrutura hierárquica é a seguinte:
O objeto de janela é o núcleo de toda a BOM, que inclui documento (objeto de documento), localização (objeto de endereço) e histórico (composição de objetos históricos).
Sintaxe para chamadas de propriedades do objeto:
1. Objeto. Nome do atributo = "Valor do atributo";
2. Objeto ["Nome do atributo string"] = "Valor do atributo";
Sintaxe para Métodos de Objeto de Chamada:
1. O nome do método do objeto ();
2. Objeto ["Nome do método String"] ();
Métodos comuns de objetos de janela
Métodos comuns de objetos de janela
| nome | ilustrar |
| incitar() | Exibe uma caixa de diálogo que leva o usuário a inserir |
| alerta() | Mostra uma caixa de diálogo de aviso com uma grande mensagem rápida e um botão OK |
| confirmar() | Exiba uma caixa de diálogo com uma mensagem rápida, "OK" e "Cancelar" Botões |
| fechar() | Feche a janela do navegador |
| abrir() | Abra uma nova janela do navegador para carregar o documento especificado pelo URL fornecido |
| setTimeout () | Chame uma função ou calcule uma expressão depois de especificar vários milissegundos |
| setInterval () | Chame uma função ou calcule uma expressão de acordo com o período especificado (registrado em milissegundos) |
Propriedades do recurso de janela
| nome | ilustrar |
| altura, largura | Altura e largura (registradas em pixels) |
| Esquerda, topo | As coordenadas X e Y da janela são gravadas em pixels |
| barra de ferramentas | Se deve exibir a barra de ferramentas do navegador |
| barras de rolagem | Se deve exibir barras de rolagem |
| localização | Se deve exibir a barra de endereço |
| status | Se deve adicionar uma barra de status |
| Menubar | Se deve exibir a barra de menus |
| Redimensionável | A janela é ajustável em tamanho |
| TitleBar | Se deve exibir a barra de título |
| tela cheia | Se deve usar o modo de tela inteira para exibir o navegador |
Eventos comuns para objetos de janela
| nome | ilustrar |
| ONLOAD | Uma página ou imagem é carregada |
| OnMouseOver | Mova o ponteiro do mouse sobre um elemento |
| ONCLICK | Clique em um objeto com o mouse |
| onkeydown | Uma tecla de teclado é pressionada |
| OnChange | O conteúdo do domínio foi alterado |
Declaração de objeto personalizado
A primeira maneira de declarar:
<script type = "text/javascript"> function Paly () {var p = new Object (); // Crie um objeto para abrir o espaço da memória // Defina atributos para o objeto P P.age = 1; p.name = "javascript"; // Defina o método para o objeto P p.sayhi = function () {document.write ("Olá a todos! Eu sou" + p.name + "eu sou este ano" + p.age + "ano de idade"); } // retorna objeto p retornar p; } // Crie instâncias de objeto personalizado var js = Paly (); // Método de chamada do objeto js.sayhi (); // chamando o documento de atributo do objeto.write (js.name); </script>Screenshot de efeito:
O segundo método:
<script type = "text/javascript"> function paly () {// define os atributos para o objeto this.age = 1; this.name = "javascript"; // Defina o método para o objeto this.sayhi = function () {document.write ("Olá a todos! Eu sou" + this.name + "I'm este ano" + this.age + "ano de idade"); }} // Crie uma instância de um objeto personalizado var js = new Paly (); // chamando o método do objeto JS.Sayhi (); // chamando os atributos do documento do objeto.write (js.name); </script>Screenshot de efeito:
Travessia das propriedades do objeto
<script type = "text/javascript"> function paly () {// define os atributos para o objeto this.age = 1; this.name = "javascript"; // define o método para o objeto this.sayhi = function () {document.write ("Olá a todos! Eu sou" + this.name + "eu sou este ano" + this.age + "ano"); }} // Crie uma instância de um objeto personalizado var js = new Paly (); // Tranquilidade Os atributos do objeto para (var par em js) {document.write ("js."+Par+"="+js [par]); } </script>Screenshot de efeito:
Estrutura rápida
<script type = "text/javascript"> function paly () {// define atributos para o objeto this.age = 1; this.name = "javascript"; // define o método para o objeto this.sayhi = function () {document.write ("Olá a todos! Eu sou" + this.name + "eu sou este ano" + this.age + "ano de idade"); }} // Crie uma instância de um objeto personalizado var js = new Paly (); // Os métodos ou atributos no bloco de estrutura são padronizados para os atributos ou métodos do objeto (JS) entre colchetes se o objeto não for especificado. {Sayhi (); document.write ("<br/>"+idade); } </script>Screenshot de efeito:
O resumo acima das operações relacionadas dos objetos JavaScript é todo o conteúdo que compartilho com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.