-
Javascript - Fundamentos Básicos
-
Lecture 1Javascript Tutorial
-
Lecture 2Javascript – Introdução
-
Lecture 3JavaScript – Sintaxe
-
Lecture 4Javascript – Habilitando JavaScript em navegadores
-
Lecture 5Javascript – Onde colocá-lo no HTML
-
Lecture 6Javascript – Variáveis
-
Lecture 7Javascript – Aprendendo Operadores
-
Lecture 8JavaScript – Aprendendo declaração if … else.
-
Lecture 9Javascript -Aprendendo Switch Case
-
Lecture 10Javascript – Aprendendo While Loops
-
Lecture 11JavaScript – Aprendendo Loop For
-
Lecture 12Javascript – Aprendendo loop for…in
-
Lecture 13Javascript – Aprendendo controle de loop
-
Lecture 14Javascript – Aprendendo Funções
-
Lecture 15JavaScript – Arrays
-
Lecture 16Javascript – Aprendendo Eventos
-
Lecture 17Javascript – Aprendendo Sobre Cookies
-
Lecture 18Javascript – Redirecionamento de página
-
Lecture 19Javascript – Caixas de diálogo
-
Lecture 20Javascript – Aprendendo Void Keyword
-
Lecture 21JavaScript – Aprendendo a imprimir uma página
-
Javascript – Onde colocá-lo no HTML
Existe uma flexibilidade para incluir o código JavaScript em qualquer lugar em um documento HTML. No entanto, as maneiras mais preferidas de incluir JavaScript em um arquivo HTML são as seguintes:
- Script na seção <head> … </head>.
- Script na seção <body> … </body>.
- Script nas seções <body> … </body> e <head> … </head>.
- Script em um arquivo externo e, a seguir, inclua na seção <head> … </head>.
Na seção a seguir, veremos como podemos colocar JavaScript em um arquivo HTML de diferentes maneiras.
JavaScript na seção <head> … </head>
Se você quiser que um script seja executado em algum evento, como quando um usuário clica em algum lugar, você colocará esse script na cabeça da seguinte maneira:
<html> <head> <script type = "text/javascript"> <!-- function sayHello() { alert("Hello World") } //--> </script> </head> <body> <input type = "button" onclick = "sayHello()" value = "Say Hello" /> </body> </html>
JavaScript na seção <body> … </body>
Se você precisar que um script seja executado conforme a página carrega, para que o script gere conteúdo na página, o script vai para a parte <body> do documento. Nesse caso, você não teria nenhuma função definida usando JavaScript. Dê uma olhada no código a seguir.
<html> <head> </head> <body> <script type = "text/javascript"> <!-- document.write("Hello World") //--> </script> <p>This is web page body </p> </body> </html>
JavaScript nas seções <body> e <head>
Você pode colocar seu código JavaScript nas seções <head> e <body>, conforme segue:
<html> <head> <script type = "text/javascript"> <!-- function sayHello() { alert("Hello World") } //--> </script> </head> <body> <script type = "text/javascript"> <!-- document.write("Hello World") //--> </script> <input type = "button" onclick = "sayHello()" value = "Say Hello" /> </body> </html>
JavaScript em arquivo externo
À medida que você começar a trabalhar mais extensivamente com JavaScript, provavelmente descobrirá que há casos em que está reutilizando código JavaScript idêntico em várias páginas de um site.
Você não está restrito a manter um código idêntico em vários arquivos HTML. A tag de script fornece um mecanismo que permite armazenar JavaScript em um arquivo externo e incluí-lo em seus arquivos HTML.
Aqui está um exemplo para mostrar como você pode incluir um arquivo JavaScript externo em seu código HTML usando a tag de script e seu atributo src.
<html> <head> <script type = "text/javascript" src = "filename.js" ></script> </head> <body> ....... </body> </html>
Para usar JavaScript de uma fonte de arquivo externa, você precisa escrever todo o seu código-fonte JavaScript em um arquivo de texto simples com a extensão “.js” e incluir esse arquivo conforme mostrado acima.
Por exemplo, você pode manter o seguinte conteúdo no arquivo filename.js e então usar a função sayHello em seu arquivo HTML após incluir o arquivo filename.js.
function sayHello() {
alert("Hello World")
}