>> Tecnologia Eletrônica >  >> Casa Inteligente >> Vida Inteligente

Diferença entre JavaScript Interno e Externo

Em meados dos anos 90, desenvolvedores da Netscape criaram uma linguagem de script simples para tornar sites mais interativos e envolventes. Essa linguagem ficou conhecida como JavaScript. Hoje, muitos usuários não sabem que recursos de clientes de e-mail ou redes sociais dos quais dependem resultam de milhares de linhas de programação JavaScript inteligente e complexa.

JavaScript Interno

Para que o código JavaScript funcione, ele deve ser incorporado no local adequado de uma página web específica durante o carregamento. Código JavaScript interno é colocado em qualquer lugar dentro da página web entre as tags HTML <script> e </script>. Muitos desenvolvedores web optam por colocar seu código JavaScript antes da tag </body>.

JavaScript Externo

Código JavaScript colocado em um arquivo separado do código HTML é chamado de JavaScript externo. O código externo é escrito e usado da mesma forma que o interno. O arquivo deve ter a extensão ".js", embora praticamente qualquer outra extensão funcione com navegadores modernos. Uma diferença importante: o código externo não deve ser colocado entre as tags <script>, ou não funcionará.

O navegador deve saber que precisa carregar código externo. A página web deve ter as seguintes tags HTML referenciando o script:

<script src="URL_do_arquivo.js"></script>

A URL informa ao servidor web onde localizar e carregar o código JavaScript.

Vantagens do JavaScript Interno

Se o número de linhas de JavaScript for relativamente pequeno, uma página com JavaScript interno carrega mais rápido que páginas que referenciam código externo. Isso ocorre porque, ao carregar a página e encontrar a referência ao código externo, o navegador deve fazer uma requisição separada ao servidor para buscar o código.

Vantagens do JavaScript Externo

Se código idêntico é usado em várias páginas de um site, arquivos JavaScript externos são benéficos. Você só precisa incluir a referência ao código externo nas páginas que realmente o requerem. Se o código JavaScript mudar, apenas um arquivo precisa ser editado; as alterações ficam instantaneamente disponíveis para todas as páginas que precisam dele. Armazenar JavaScript em arquivos externos também facilita a manutenção de sites: as páginas ficam menos confusas, e o desenvolvedor tem menos linhas de código para revisar ao fazer edições necessárias. Menos linhas de código HTML também podem ajudar robôs de busca a indexar seu site mais completamente e encontrar palavras-chave importantes.

Finalmente, se um visitante acessa outra página com as mesmas referências de JavaScript externo, a segunda página carregará mais rápido, pois o navegador terá armazenado em cache o arquivo JavaScript localmente.