Precisa de um freelancer, códigos-fonte e exemplos completos? Bem-vindo(a) ao meu site. Além de realizar alguns serviços como freelancer eu tenho alguns códigos-fonte e exemplos completos de Java, Delphi, PHP, Python, C/C++, Hibernate, JPA, Spring, JSP, Servlets, Ruby, Ruby On Rails e muitas outras linguagens e frameworks. Veja como falar comigo clicando aqui.
Podemos colocar códigos JavaScript em nossas
páginas web usando as tags <script></script>.
As tags script podem ser colocadas na parte <body></body>
ou <head></head> da página. Durante o curso
vamos usar tags nestes dois lugares. Por agora, saiba que usamos
tags na parte <body> quando queremos que o resultado do
script seja exibido no momento que a página for acessada.
Os scripts colocados na parte <head> geralmente são
funções que serão chamadas a partir dos
diversos elementos HTML em seu devido tempo.
Vamos começar colocando o nosso primeiro script em uma
página web. Acompanhe os passos em seguida:
Inicie o seu editor HTML preferido e faça o projeto de
uma página. Crie algo parecido com o que está
logo abaixo:
<html>
<head>
<title>Meu primeiro JavaScript</title>
</head>
<body>
</body>
</html>
Caso o seu editor coloque mais alguma coisa junto com estas
tags, não se importe. Estas tags são as partes
principais de sua página. Agora, entre as tags <body></body>
vamos digitar o seguinte código:
<script language="javascript">
<!--
document.write('Este é o meu primeiro JavaScript');
//-->
</script>
Este script escreverá "Este é o meu primeiro
JavaScript" quando você executar a página.
Entendendo o script
Na parte <script language="javascript">, nós
estamos dizendo ao browser que tipo de código ele está
prestes a executar. Você verá futuramente que temos
uma variedade de scripts que podem ser executados pelo browser,
entre eles, JScript, VBScript, etc.
Na parte <!-- nós estamos dizendo ao browser o seguinte:
"Se você for um dos browsers mais antigos ou não
suporta JavaScript, faça o favor de pular algumas das
linhas de código que vem a seguir".
A parte do código:
document.write('Este
é o meu primeiro JavaScript');
transmitiu ao browser a seguinte mensagem: "Acesse o documento
(a página atual) e escreva (write) o texto que está
entre aspas simples". Observe que usamos ponto-e-vírgula
depois da instrução para separar as instruções,
como veremos nas próximas partes do curso. Em seguida
nós temos //--> que quer dizer "aqui está
o final do código a ser executado por este script".
E finalmente temos a tag de fechamento </script> que quer
dizer "Já que o código a ser executado acabou,
eu vou fechar aqui para que o browser não faça
nenhuma besteira". Simples, não?
Vamos rever o código completo? Aqui está:
<html>
<head>
<title>Meu primeiro JavaScript</title>
</head>
<body>
<script language="javascript">
<!--
document.write('Este é o meu primeiro JavaScript');
//-->
</script>
</body>
</html>
Agora, para praticar ainda mais o nosso primeiro JavaScript,
experimente alterar a linha de texto e ver o resultado. E para
praticar JavaScript e HTML ao mesmo tempo, tente o código:
<script language="javascript">
<!--
document.write('<b>Este é o meu primeiro
JavaScript. Em
negrito agora.</b>');
//-->
</script>
Cuidado com a quebra de linha. A instrução document.write('Texto
aqui'') deve estar em apenas uma linha. Experimente substituir
as tags <b></b> por <i></i> para visualizar
o resultado.
Lembre-se que a tag <b> transforma o texto em negrito
(bold) e a tag <i> faz o texto itálico (italics).
Todo o conteúdo deste site,
quando não devidamente observado, pertence a seus idealizadores
e não
poderá ser usado para outras finalidades senão estudo e
aprimoramento de técnicas de programação.
Certifique-se de ler asnotas legaisantes de proceder com
o acesso e leitura do
conteúdo disponibilizado nestas páginas.