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.
 
Arquivo de Códigos - Página Inicial
Códigos-fonte
» Códigos-fonte e exemplos completos
Linguagens
» ActionScript
» Adobe AIR
» Adobe Flex
» AJAX
» C
» C#
» C++
» CSS
» Delphi
» DHTML - Dynamic HTML
» HTML/XHTML
» Java
» JavaFX
» JavaScript
» Java Servlets
» JSP - Java Server Pages
» Perl
» PHP
» PHP-GTK
» Python
» Ruby
» Tcl/Tk
» VB.NET
Bancos de Dados
» IBM DB2
» MySQL
Frameworks
» CodeIgniter
» jQuery
» JSF - Java Server Faces
» Qt
» Ruby On Rails
» Struts
» Struts 2
» wxWidgets
» Zend Framework
Container/Servidor
» Apache Tomcat
» Apache Web Server
Ferramentas
» Apache Ant
» iTextSharp (iText#)
Referências
» CSS1 e CSS2
» JavaScript
Serviços On-Line
» Qual é meu IP?
» Tabela Cores HTML I
» Tabela Cores HTML II
» Lista de Mime Types
» Códigos Teclas Virtuais
Usuários On-Line
Visitantes: 114
PHP
O que há de novo no PHP 5?
40 dicas e truques sobre como trabalhar com datas e horas em PHP
60 dicas e truques sobre como trabalhar com strings e caracteres em PHP
PHP e a Orientação a Objetos - POO (Curso Completo)

DHTML
Curso completo de DHTML para iniciantes

CSS
Como definir uma imagem de fundo fixa na página
Definindo uma imagem de fundo para botões HTML
Você está aqui: Inicio -> JavaScript -> Curso Completo -> Colocando um JavaScript em uma página web
Parte I - Colocando um JavaScript em uma página web
Início do Curso - Colocando um JavaScript em uma página web

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).

Próxima -> RESULTADO não é o mesmo que Resultado
 
 
Arquivo de Códigos - Página Inicial

       

http://www.arquivodecodigos.net
:: Arquivo de Códigos - Softwares e Consultoria em Programação ::
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 as notas legais antes de proceder com o acesso e leitura do
conteúdo disponibilizado nestas páginas.

Fale Conosco: (62) 3261-7018 / (62) 8185-0734

Desenvolvedor Responsável: Osmar J. Silva

Página Inicial Contatos Pesquisar Mapa do Site