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: 34
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
Veja dicas, truques e anotações de VB.NET
Como obter a diferença de dias entre duas datas
Transformando todos os caracteres de uma string em letras minúsculas
Como remover um item da ListBox baseado em seu índice
Usando as estruturas If...Then e If...Then...Else em VB.NET
Como habilitar ou desabilitar um botão
Como limpar todo o conteúdo de um TextBox ao clicar em um botão
Como comparar strings usando o método Compare da classe String
Obtendo o nome do computador (Machine Name)
Como substituir todos os espaços em uma string por caracteres de sublinhado (underline)
Definindo a quantidade máxima de caracteres em um TextBox
Veja dicas, truques e anotações de outras linguagens
JSP (Java Server Pages) - Enviando e-mails com anexo usando o JavaMail
ActionScript - Removendo todas as tags HTML de uma string
PHP - Usando variaveis dentro do contéudo de um Here Doc
PHP - Como testar múltiplas condições usando a construção if...elseif...else
Java - Exibir imagens nas células de uma JTable
CodeIgniter - O que são e como usar models em aplicações CodeIgniter
Adobe Flex - Como excluir o item selecionado em um ComboBox
C# (CSharp) - Usando a classe DataGridViewRowCollection para obter referências a todas as linhas de um DataGridView
Java - Como detectar a mudança de seleção de itens em uma JList
JSP (Java Server Pages) - Passos iniciais e ferramentas necessárias para desenvolver em JSP

       

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