tutoriais mais recente desenvolvimento web

HTML JavaScript


JavaScript torna páginas HTML mais dinâmico e interativo.


Exemplos

Tente você mesmo - Exemplos

Insira um script
Como inserir um JavaScript em um documento HTML.

O uso do <noscript> tag
Como lidar com navegadores que não suportam scripting, ou têm scripting desativado.


O HTML <script> Tag

O <script> tag é usada para definir um script (JavaScript) .

O <script> elemento ou contém declarações de script ou ele aponta para um arquivo de script externo através da src atributo.

usos comuns para JavaScript são de manipulação de imagem, validação de formulário, e as mudanças dinâmicas de conteúdo.

O script abaixo escreve Olá JavaScript! em um elemento HTML com id="demo" :

Exemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
Tente você mesmo "

Para saber tudo sobre JavaScript, visite nosso Tutorial JavaScript !


O HTML <noscript> Tag

O <noscript> tag é usada para fornecer um conteúdo alternativo para os usuários que têm roteiros com deficiência em seu navegador ou têm um navegador que não oferece suporte a scripting do lado do cliente.

O <noscript> elemento pode conter todos os elementos que você pode encontrar dentro do <body> elemento de uma página HTML normal.

O conteúdo dentro do <noscript> elemento só será exibido se os scripts não são suportados, ou estão desativados no navegador do usuário:

Exemplo

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

<noscript>Sorry, your browser does not support JavaScript!</noscript>
Tente você mesmo "

A Taste of JavaScript (From Our JavaScript Tutorial)

Aqui estão alguns exemplos do que JavaScript pode fazer:

JavaScript pode alterar o conteúdo HTML:

document.getElementById("demo").innerHTML = "Hello JavaScript!";
Tente você mesmo "

JavaScript pode mudar estilos de HTML:

document.getElementById("demo").style.fontSize = "25px";
Tente você mesmo "

JavaScript pode mudar os atributos HTML:

document.getElementById("image").src = "picture.gif";
Tente você mesmo "

HTML Script Etiquetas

etiqueta Descrição
<script> Define um script do lado do cliente
<noscript> Define um conteúdo alternativo para os usuários que não suportam scripts do lado do cliente

Teste-se com exercícios!

Exercício 1 » Exercício 2» Exercício 3 » Exercício 4»