Vincular arquivo JavaScript a arquivo HTML
-
Use a tag
<script>e o atributosrcpara vincular um JavaScript externo a HTML -
Use a tag
<script>para vincular um JavaScript interno a HTML
Este artigo discutirá dois métodos para vincular um arquivo JavaScript a um arquivo HTML. No primeiro processo, criaremos um arquivo JavaScript e vincularemos os arquivos externamente. No segundo processo, inseriremos o código JavaScript em um documento HTML.
Use a tag <script> e o atributo src para vincular um JavaScript externo a HTML
Usamos o atributo src na tag <script> para vincular o arquivo JavaScript ao arquivo HTML neste método. O atributo src é usado para especificar a URL ou a localização do arquivo externo. Se quisermos usar o mesmo JavaScript em várias páginas de um site, devemos criar um arquivo JavaScript externo em vez de escrever o mesmo várias vezes. Escrevemos o <script> dentro da tag <head> em HTML. Depois de salvar o arquivo de script com uma extensão .js, nos referimos a ele usando o atributo src na tag <script>.
Por exemplo, crie dois arquivos, um arquivo HTML e um arquivo JavaScript. Escreva algum JavaScript no arquivo JS e algum HTML no arquivo HTML. Não se esqueça de usar as extensões .html e .js depois de nomear os dois arquivos, respectivamente, ao salvá-los. Coloque esses dois arquivos dentro da mesma pasta. Grave o nome do arquivo JavaScript no atributo src da tag <script> no arquivo HTML. Por exemplo, se o nome do arquivo for hello.js, escreva <script src="hello.js"> </script>.
O exemplo abaixo ilustra um método para vincular um arquivo JavaScript a um arquivo HTML. Escrevemos This is HTML no arquivo HTML e This is written from JavaScript no arquivo JavaScript. Como podemos ver em ambos os textos na seção de saída abaixo, isso prova que o JavaScript está vinculado ao HTML.
Código de exemplo:
<html>
<head>
<script src="hello.js"> </script>
</head>
<body>
<p> This is HTML</p>
</body>
</html>
document.write('This is written from JavaScript');
Resultado:
Use a tag <script> para vincular um JavaScript interno a HTML
Ao contrário do primeiro método, adicionamos o código de JavaScript no arquivo HTML usando a tag <script>. A tag <script> é usada para adicionar um script do lado do cliente. Podemos escrever o JavaScript internamente dentro da tag <script> em um arquivo HTML. Quando executamos o arquivo HTML, veremos o JavaScript carregado.
Por exemplo, escreva o texto This is HTML na tag <p> em HTML. Em seguida, abra a tag <script> e digite a mensagem This is written from JavaScript usando document.write. Em seguida, feche a tag do script.
Podemos ver que os dois textos escritos em HTML e JavaScript são mostrados na saída abaixo. Isso prova que o HTML e o JavaScript foram vinculados.
Exemplo:
<html>
<head>
</head>
<body>
<p> This is HTML </p>
</body>
<script>
document.write("This is written from JavaScript");
</script>
</html>
Resultado:
Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.
LinkedIn