1. JavaScript é uma linguagem de script projetada para interação com as páginas da web. Sua composição
ECMAScript (Core) DOM (modelo de objeto de documento) Bom (Modelo de Objeto do Navegador)
1.1Ecmascript
O ECMAScript definido pela ECMA-262 não tem dependência do navegador da Web. O ECMA-262 define apenas o básico desse idioma e fornece funções de idioma principal.
O ECMAScript é uma linguagem de script padronizada através da ECMA-262. ECMA-262 estipula idiomas: sintaxe, tipo, declaração, palavra-chave, palavra reservada, operador, objeto
1.2 DOM (Document Object Modle)
O DOM é uma interface de programação de aplicativos para XML, mas foi estendida para HTML, fornecendo métodos e interfaces para acessar e manipular o conteúdo da Web.
O DOM mapeia a página inteira em uma estrutura de nó de várias camadas. Cada componente na página HTML ou XML é um certo tipo de nó, que contém diferentes tipos de dados.
1.3 Bom (modelo de objeto Bower)
Controle a parte diferente da página exibida pelo navegador. O BOM processa apenas as janelas e estruturas do navegador e fornece métodos e interfaces para interagir com o navegador.
2. <Script> elementos
2.1 Referência JavaScript File
Referência externa a arquivos JavaScript:
A cópia do código é a seguinte:
<script type = "text/javascript" src = "../../ xx.js"> </script>
Página incorporar código JavaScript
A cópia do código é a seguinte:
<script type = "text/javascript">
// Código JavaScript
</script>
O código JavaScript contido no elemento <Script> será explicado em sequência de cima para baixo
2.2 Propriedades do <Script> Elementos
adiar o script de atraso: diga ao navegador que faça o download imediatamente, o script será adiado até que a página inteira tenha sido analisada antes de ser executada. adiar é adequado apenas para arquivos de script introduzidos externamente
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<script type = "text/javascript" adver = "adver" src = "exemplo.js"> </script>
</head>
</html>
Embora a tag <cript> esteja localizada na tag <head>, o Demo.js será atrasado até que o navegador encontre </html>.
script assíncrono assíncrono: a página deve esperar que o script seja baixado e executado, de modo a carregar outros conteúdos da página de forma assíncrona
Como adiar, ele é aplicável apenas a arquivos de script importados externamente. ASYNC diz ao navegador para baixar arquivos imediatamente, mas, diferentemente do adiamento, a marcação dos scripts assíncronos não garante a execução na ordem em que são especificados. Recomenda -se que os scripts assíncronos não modifiquem o DOM durante o carregamento.
A cópia do código é a seguinte:
<!-script assíncrono->
<script type = "text/javascript" async = "async" src = "exemplo1.js"> </script>
<script type = "text/javascript" async = "async" src = "Explet2.js"> </script>
2.3 Propriedades de elementos <Noscript>
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> Teste </ititure>
<!-Atraso no script->
<scripttype = "text/javascript" adver = "difer" src = "exemplo.js"> </script>
<!-Guia Script->
<script type = "text/javascript" async = "async" src = "exemplo1.js"> </script>
<script type = "text/javascript" async = "async" src = "Explet2.js"> </script>
</head>
<Body>
<Noscript>
<p> Esta página mostra que o suporte do navegador (ativado) é necessário
</noscript>
</body>
</html>
O navegador não suporta scripts
O navegador suporta scripts, mas o script está desativado e o navegador exibirá o conteúdo em <Noscript>
Esta página exibirá uma mensagem para o usuário se o script for inválido e em um navegador habilitado para script, o usuário nunca o verá
O acima é tudo sobre este artigo. Eu espero que você possa gostar. Esta série continuará sendo atualizada.