JavaScript pode ser colocado no <body> e <head> seções de uma página HTML.
O <script> Tag
Em HTML, o código JavaScript deve ser inserido entre <script> e </script> tags.
Exemplo
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Exemplos mais antigos podem usar um atributo do tipo: <script type="text/javascript"> .
Este tipo de atributo não é necessária. JavaScript é a linguagem de script padrão no HTML.
Funções de JavaScript e Eventos
A JavaScript function é um bloco de código JavaScript, que pode ser executado quando "pediu" para.
Por exemplo, uma função pode ser executada quando ocorre umevento, como quando o usuário clica em um botão.
Você vai aprender muito mais sobre as funções e eventos em capítulos posteriores.
JavaScript no <head> ou <body>
Você pode colocar qualquer número de scripts em um documento HTML.
Os scripts podem ser colocados no <body> , ou na <head> seção de uma página HTML, ou em ambos.
Mantendo todo o código em um lugar, é sempre um bom hábito.
JavaScript no <head>
Neste exemplo, uma função JavaScript é colocado no <head> seção de uma página HTML.
A função é chamada (chamada) quando um botão é clicado:
Exemplo
<!DOCTYPE html>
<html><head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
Tente você mesmo " JavaScript no <body>
Neste exemplo, uma função JavaScript é colocado no <body> seção de uma página HTML.
A função é chamada (chamada) quando um botão é clicado:
Exemplo
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try
it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
Tente você mesmo " É uma boa idéia colocar roteiros na parte inferior do <body> elemento.
Isso pode melhorar o carregamento da página, porque a compilação de script pode retardar o display.
JavaScript externo
Os scripts também pode ser colocado em ficheiros externos:
MyScript.js
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
scripts externos são práticos quando o mesmo código é utilizado em muitas páginas da web diferentes.
Arquivos JavaScript tem a extensão de arquivo .js .
Para usar um script externo, coloque o nome do arquivo de script no atributo src (fonte) de um <script> tag:
Exemplo
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html> Tente você mesmo " Você pode colocar uma referência de script externo no <head> ou <body> como você gosta.
O script irá se comportar como se ele foi localizado exatamente onde o <script> tag está localizado.
Scripts externos não podem conter <script> tags.
Vantagens JavaScript externo
Colocar JavaScripts em arquivos externos tem algumas vantagens:
- Ele separa o código HTML e
- Faz HTML e JavaScript mais fácil de ler e manter
- arquivos JavaScript em cache pode acelerar cargas de página