Olá! Saturday, 23 de September de 2017.



Dicas CódigoFonte.net
Friday, 26 de December de 2008

Funçoes em JavaScript

Vou tentar passar um pouco sobre funções em JavaScript. Elas são muito utilizadas e devem ser bem aproveitadas pelos seus aspectos positivos, não só em JavaScript, mas como em qualquer outra linguagem de programação, que são: O código fica bem organizado, você ganha tempo e espaço, o seu código é executado com melhor desempenho e você pode executar quantas vezes desejar a sua função.

Para a criação de uma função em JavaScript, devemos fazer seguindo o modelo:

  1. function nome-da-função {
  2. //
  3. Function é o parametro utilizado para a criação da função, portanto é
  4. uma palavra reservada para criação da função em JavaScript.
  5. ação da função
  6. // Aqui se executa as funções que deseja.
  7. }

E para executar essa função posteriormente basta usar:

nome-da-função();

Muito simples. E muitas pessoas quando falamos: "Precisar usar função!" fica desesperada. Vamos para um exemplo bem simples para facilitar ainda mais o seu entendimento.

  1. <script>
  2. function exemplo() {
  3. // Criando a função chamada exemplo
  4. document.write("Estou testando minha primeira função em JavaScript!");
  5. // Escreve na tela a mensagem.
  6. }
  7.  
  8. // Chamando a função teste
  9. exemplo()
  10. </script>
  11.  


Agora que ja sabemos como criar uma função em JavaScript, vamos dar um exemplo mais interessante, onde o cliente clica em um botão e é executada uma função.

  1. <script>
  2. function clica() {
  3. document.getElementById("texto").innerHTML="Voce clicou no botao!";
  4. }
  5. </script>
  6.  
  7. <input type=button onClick="clica();" value="Enviar">
  8. <div id="texto"></div>
  9.  

Vamos melhor o código acima? Imaginemos que você precisa, para todo botão enviar de seu website, mandar a mesma mensagem do exemplo anterior. Para isso, precisamos colocar a função em um arquivo separado de sua página (arquivo.js) e iremos chamá-lo nas páginas que necessitarmos, seja ela HTML e/ou PHP.

Crie o arquivo: funcao.js

  1. function clica() {
  2. document.getElementById("texto").innerHTML="Voce clicou no botao!";
  3. }

Agora no arquivo exemplo.html

  1. <script language="JavaScript" src="funcao.js"></script>
  2. <input type=button onClick="clica();" value="Enviar">
  3. <div id="texto"></div>


Existem também funções do javascript já predefinidas, são elas:

atob(base64) Converte um texto codificado em base64 para binário. Função inversa ao btoa(texto)
btoa(texto) Converte um texto para base64. Função inversa ao atob(base64).
decodeURI(url) Função inversa ao encodeURI
decodeURIComponent(url) Função inversa ao encodeURIComponent
isFinite(valor) Identifica se o numero é finito.
isNaN(valor) Identifica se o valor não é um numero
encodeURI(url) como o escape ele faz substituições no texto para compatibilizar transferencia em links, mas não faz conversão para os caracteres !*()'
encodeURIComponent(url) como o escape ele faz substituições no texto para compatibilizar transferencia em links, mas não faz conversão para os caracteres [email protected]#$&*()=:/;?+'
escape(url) Ajusta url para que possa ser passada em chamadas e links, convertendo os caracteres especiais para formato hexadecimal e espaço para o sinal de +, não faz mudança nos caracteres @*/+ que ficam inalterados
eval(expressao) Interpreta expressão de JavaScript, ex:
eval(“1+2”), resultado = 3
parseInt(String)
ou
parseInt(String, base)
Converte a string num valor inteiro, ou converte uma string na base passada para inteiro.
Number(objeto) Converte a string num valor ponto flutuante
parseFloat(String) Converte a string num valor ponto flutuante
String(objeto) Retorna a representação string do objeto
unescape(url) Função inversa ao escape(url)

Retirado do site: http://pt.wikibooks.org/wiki/Javascript:_Fun%C3%A7%C3%B5es

Agora é com você! Continue aprimorando os scripts, e descubra quantas coisas são possíveis se fazerem utilizando funções usando a sua criatividade.

Espero que ajude e que tenham gostado.

Até mais!


Enviado por: Andre

Comentários do artigo [Novo comentário]

Nenhum comentário, seja o primeiro a comentar.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010