logo

Arquivo JavaScript externo

Podemos criar um arquivo JavaScript externo e incorporá-lo em muitas páginas HTML.

Ele fornece reutilização de código porque um único arquivo JavaScript pode ser usado em várias páginas HTML.

Um arquivo JavaScript externo deve ser salvo com extensão .js. Recomenda-se incorporar todos os arquivos JavaScript em um único arquivo. Aumenta a velocidade da página da web.

Vamos criar um externo JavaScript arquivo que imprime Hello Javatpoint em uma caixa de diálogo de alerta.

mensagem.js

 function msg(){ alert('Hello Javatpoint'); } 

Vamos incluir o arquivo JavaScript na página HTML. Ele chama o Função JavaScript ao clicar no botão.

index.html

Bem-vindo ao JavaScript

Vantagens do JavaScript externo

Haverá os seguintes benefícios se um usuário criar um javascript externo:

  1. Ajuda na reutilização de código em mais de um arquivo HTML.
  2. Ele permite fácil legibilidade do código.
  3. É eficiente em termos de tempo, pois os navegadores da Web armazenam em cache os arquivos js externos, o que reduz ainda mais o tempo de carregamento da página.
  4. Ele permite que web designers e programadores trabalhem com arquivos html e js paralela e separadamente, ou seja, sem enfrentar conflitos de código.
  5. O comprimento do código é reduzido, pois apenas precisamos especificar a localização do arquivo js.

Desvantagens do JavaScript externo

Existem as seguintes desvantagens de arquivos externos:

  1. O ladrão pode baixar o código do codificador usando a URL do arquivo js.
  2. Se dois arquivos js forem dependentes um do outro, uma falha em um arquivo poderá afetar a execução do outro arquivo dependente.
  3. O navegador da web precisa fazer uma solicitação http adicional para obter o código js.
  4. Uma pequena ou grande alteração no código js pode causar resultados inesperados em todos os seus arquivos dependentes.
  5. Precisamos verificar cada arquivo que depende do arquivo javascript externo comumente criado.
  6. Se forem algumas linhas de código, é melhor implementar o código javascript interno.