Em meados da década de 1990, os desenvolvedores da Netscape criaram uma linguagem de script simples para usar como uma ferramenta para tornar os sites mais interativos e envolventes. Essa linguagem eventualmente seria conhecida como Javascript. Muitos usuários hoje não sabem que os recursos do cliente de e-mail ou do site de rede social dos quais dependem são o resultado de milhares de linhas de programação Javascript inteligente e complexa.
Javascript Interno
Para que o código Javascript funcione sua mágica, ele deve ser incorporado de alguma forma no local apropriado em uma página da web específica quando a página é carregada. O código Javascript interno é o código colocado em qualquer lugar da página da web entre as tags HTML. Muitos desenvolvedores da web optam por colocar seu código Javascript antes da tag.
Vídeo do dia
Javascript Externo
O código Javascript colocado em um arquivo separado do código HTML é chamado de Javascript externo. O código Javascript externo é escrito e usado da mesma forma que o Javascript interno. O arquivo deve ter a extensão ".js", embora virtualmente qualquer outra extensão funcione com navegadores modernos. Uma diferença importante: o código externo não deve ser colocado entre as tags, ou o código não funcionará.
O navegador da web deve saber que precisa carregar o código externo. A página da web deve ter as seguintes tags HTML que fazem referência ao script:
O URL informa ao servidor da 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 da web com Javascript interno carrega mais rápido do que páginas que devem fazer referência a código externo. Isso ocorre porque, conforme o navegador da web carrega a página e encontra a referência ao código externo, ele deve fazer uma solicitação separada ao servidor da web para buscar o código.
Vantagens do Javascript Externo
Se um código idêntico for usado em várias páginas de um site, arquivos Javascript externos são benéficos. Você só precisa incluir uma referência ao código externo nas páginas que realmente exigem esse código. Se o código Javascript mudar, apenas um arquivo deve ser editado; as alterações ficam disponíveis instantaneamente para todas as páginas que precisam do código. Armazenar Javascript em arquivos externos também facilita a manutenção de sites: as páginas são menos confusas e o desenvolvedor da web tem menos linhas de código para percorrer para fazer as edições necessárias. Menos linhas de código HTML também podem ajudar os spiders dos mecanismos de pesquisa a indexar seu site de maneira mais completa e encontrar palavras-chave importantes.
Por fim, se um visitante passar para outra página que contenha as mesmas referências Javascript externas, o a segunda página carregará mais rápido, porque o navegador do usuário terá armazenado em cache ou armazenado o arquivo Javascript localmente.
