-
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 – Sintaxe
JavaScript pode ser implementado usando instruções JavaScript que são colocadas dentro das tags HTML <script> … </script> em uma página da web.
Você pode colocar as tags <script>, contendo o seu JavaScript, em qualquer lugar da sua página da web, mas normalmente é recomendado mantê-las dentro das tags <head>.
A tag <script> alerta o programa do navegador para começar a interpretar todo o texto entre essas tags como um script. Uma sintaxe simples de seu JavaScript aparecerá da seguinte maneira.
<script ...> JavaScript code </script>
A tag de script possui dois atributos importantes –
- Idioma – este atributo especifica qual linguagem de script você está usando. Normalmente, seu valor será javascript. Embora as versões recentes de HTML (e XHTML, seu sucessor) tenham eliminado o uso desse atributo.
- Tipo – Este atributo é o que agora é recomendado para indicar a linguagem de script em uso e seu valor deve ser definido como “text / javascript”.
Portanto, seu segmento JavaScript será semelhante a:
<script language = "javascript" type = "text/javascript"> JavaScript code </script>
Seu primeiro código JavaScript
Tomemos um exemplo de amostra para imprimir “Hello World”. Adicionamos um comentário HTML opcional que envolve nosso código JavaScript. Isso é para salvar nosso código de um navegador que não oferece suporte a JavaScript. O comentário termina com “// ->”. Aqui, “//” significa um comentário em JavaScript, então adicionamos isso para evitar que um navegador leia o final do comentário HTML como um pedaço de código JavaScript. Em seguida, chamamos uma função document.write que escreve uma string em nosso documento HTML.
Esta função pode ser usada para escrever texto, HTML ou ambos. Dê uma olhada no código a seguir.
See the Pen
Javascript – Hello Word! by John Pires (@johnpiresBR)
on CodePen.
Espaços em branco e quebras de linha
JavaScript ignora espaços, guias e novas linhas que aparecem em programas JavaScript. Você pode usar espaços, tabulações e novas linhas livremente em seu programa e está livre para formatar e recuar seus programas de uma maneira limpa e consistente que torna o código fácil de ler e entender.
Ponto e vírgula são opcionais
As instruções simples em JavaScript geralmente são seguidas por um caractere de ponto e vírgula, assim como em C, C ++ e Java. JavaScript, no entanto, permite que você omita esse ponto-e-vírgula se cada uma de suas instruções for colocada em uma linha separada. Por exemplo, o código a seguir pode ser escrito sem ponto-e-vírgula.
<script language = "javascript" type = "text/javascript"> <!-- var1 = 10 var2 = 20 //--> </script>
Mas quando formatado em uma única linha da seguinte maneira, você deve usar ponto-e-vírgula.
script language = "javascript" type = "text/javascript"> <!-- var1 = 10; var2 = 20; //--> </script>
Sensibilidade ao Caso
JavaScript é uma linguagem que diferencia maiúsculas de minúsculas. Isso significa que as palavras-chave do idioma, variáveis, nomes de funções e quaisquer outros identificadores devem sempre ser digitados com letras maiúsculas consistentes.
Portanto, os identificadores Time e TIME irão transmitir significados diferentes em JavaScript.
NOTA – Deve-se ter cuidado ao escrever nomes de variáveis e funções em JavaScript.
Comentários em JavaScript
JavaScript suporta comentários no estilo C e C ++, assim:
- Qualquer texto entre // e o final de uma linha é tratado como um comentário e é ignorado pelo JavaScript.
- Qualquer texto entre os caracteres / * e * / é tratado como um comentário. Isso pode abranger várias linhas.
- JavaScript também reconhece a sequência de abertura do comentário HTML <! -. JavaScript trata isso como um comentário de uma única linha, assim como faz o // comentário.
- A sequência de fechamento do comentário HTML -> não é reconhecida pelo JavaScript, portanto, deve ser escrita como // ->.
Exemplo
O exemplo a seguir mostra como usar comentários em JavaScript.
<script language = "javascript" type = "text/javascript"> <!-- // This is a comment. It is similar to comments in C++ /* * This is a multi-line comment in JavaScript * It is very similar to comments in C Programming */ //--> </script>