freeCodeCamp

2.1 KiB

Raw Blame History

title	localeTitle
Where to	Para onde

Para onde

JavaScript é a linguagem de programação do HTML e da Web. Em HTML, o JavaScript deve ser inserido na tag do contêiner <script> .

Exemplo


<script> 
  window.alert("This JavaScript Works!"); 
 </script>

Além disso, lembre-se de que você pode colocar qualquer número de tags <script> em um documento HTML.

Para onde vai a tag `<script>` ?

A tag <script> pode ser colocada no <head> ou no <body> .

JavaScript no `<head>`

Neste exemplo, o JavaScript é colocado na seção <head> do documento. Uma função onClicked é criada, que é chamada quando um botão é pressionado.


<!DOCTYPE html> 
 <html> 
 <head> 
 <script> 
 function onClicked() { 
    window.alert("Hi, there!"); 
 } 
 </script> 
 </head> 
 
 <body> 
 
 <h1>JavaScript Testing</h1> 
 <button type="button" onclick="onClicked()">Try it</button> 
 
 </body> 
 </html>

JavaScript no `<body>`

Aqui, o JavaScript é colocado no . A função onClicked é criada e está configurada para ser acionada quando o botão é clicado.


<!DOCTYPE html> 
 <html> 
 <body> 
 
 <h1>JavaScript Testing</h1> 
 <button type="button" id="buttonClicked">Try it</button> 
 
 <script> 
 document.getElementById("buttonClicked").onclick = onClicked; 
 
 function onClicked() { 
    window.alert("Hi, there!"); 
 } 
 </script> 
 
 </body> 
 </html>

Scripts externos

Scripts também podem ser colocados em arquivos externos. Vamos criar um arquivo script.js .

script.js

window.alert("Hi!");

Este script pode ser incluído em um documento HTML da seguinte forma:


<!DOCTYPE html> 
 <html> 
 <body> 
 
 <script src="script.js"></script> 
 
 </body> 
 </html>

Oi! ainda será alertado quando a página for renderizada. Lembre-se, você não precisa incluir tags <script> em arquivos JavaScript (os arquivos que possuem a extensão .js ).

Mais Informações:

Yahoo recomenda colocar scripts na parte inferior. Isso é elaborado aqui , com o motivo dessa recomendação.

2.1 KiB Raw Blame History