Doido Dev

Tipo DocumentType O nó DocumentType representa a declaração do tipo de documento (DOCTYPE). No DOM, esse nó possui o valor de nodeType igual a 10. A declaração DOCTYPE instrui o navegador sobre a versão e as regras sintáticas do documento, ajudando a determinar o modo de renderização. Propriedades Principais name: Retorna o nome do tipo de doc ...

Quando um usuário clica com o botão direito em uma página web, o navegador dispara o evento contextmenu. Para impedir o menu padrão do sistema, podemos interceptar esse evento usando event.preventDefault(). Isso deve ser feito durante a fase de captura ou alvo do fluxo de eventos DOM para garantir eficácia. Técnica 1: Interceptação com JavaScri ...

O objeto global window é a representação da janela do navegador que hospeda o documento. Ele serve como o objeto global para todo o código JavaScript do lado do cliente, o que significa que todas as variáveis e funções globais são, por padrão, propriedades e métodos do objeto window. Propriedades e Métodos do Objeto window Para interagir com as ...

Box Model do CSS Os modelos de caixa principais são o modelo padrão (W3C) e o modelo de caixa peculiar (IE). O modelo padrão define a largura total de um elemento como a soma da largura do conteúdo, borda, padding e margem. O modelo de caixa peculiar considera a largura do conteúdo como incluindo a borda e o padding, resultando em uma largura t ...

Principais Web APIs para Desenvolvimento Web em JavaScript As Web APIs do JavaScript são conjuntos de interfaces que permitem a manipulação do navegador e da página web, incluindo funcionalidades como manipulação do DOM, interação com o BOM, tratamento de eventos, requisições AJAX e armazenamento de dados. Estrutura e Manipulação do DOM O Docum ...

Os seletores CSS são padrões fundamentais utilizados para selecionar e estilizar elementos dentro do DOM (Document Object Model) de uma página web. Eles permitem aplicar regras de estilo de forma precisa, direcionando elementos de forma individual, em grupo ou baseados em sua hierarquia estrutural. Seletor de ID O seletor de ID identifica um el ...

BOM (Browser Object Model) O BOM permite que o JavaScript interaja com o navegador. É um conjunto de APIs focadas em tarefas do ambiente do navegador, como gerenciamento de janelas, navegação, cookies e localização. 1.1 Objeto window O objeto window representa a janela do navegador. window.open(url, nome, características) O parâmetro nome (o ...

Obtenção de dimensões de elementos DOM Em JavaScript, para recuperar as dimensões de elementos da página, utilize as seguintes propriedades: // Largura visível do corpo do documento const larguraCorpo = document.body.clientWidth; // Altura visível do corpo do documento const alturaCorpo = document.body.clientHeight; // Largura incluindo bordas ...

O Document Object Model (DOM) é uma interface de programação para documentos web, fornecendo uma representação estruturada que permite a manipulação dinâmica da página. Ele modela o documento como uma árvore de nós e objetos, possibilitando a interação com linguagens de script como JavaScript. Em termos práticos, o DOM abstrai o conteúdo HTML o ...