Procurar
Últimos assuntos
Nosso Banner
Gostaria de Parceria?
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Se você quer ser nosso parceiro, pegue nosso banner abaixo e cole em seu fórum!
Clique - Crie parceria
Para parceria, é necessário seu registro no VisualArts!
Funçoes em JavaScript
:: Javascript / Ajax :: Javascript
Página 1 de 1
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:
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.
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.
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
Agora no arquivo exemplo.html
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 !@#$&*()=:/;?+'
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!
Para a criação de uma função em Javascript, devemos fazer seguindo o modelo:
- Código:
function nome-da-função {
//
Function é o parametro utilizado para a criação da função, portanto é
uma palavra reservada para criação da função em Javascript.
ação da função
// Aqui se executa as funções que deseja.
}
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.
- Código:
<script>
function exemplo() {
// Criando a função chamada exemplo
document.write("Estou testando minha primeira função em Javascript!");
// Escreve na tela a mensagem.
}
// Chamando a função teste
exemplo()
</script>
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.
- Código:
<script>
function clica() {
document.getElementById("texto").innerHTML="Voce clicou no botao!";
}
</script>
<input type=button onClick="clica();" value="Enviar">
<div id="texto"></div>
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
- Código:
function clica() {
document.getElementById("texto").innerHTML="Voce clicou no botao!";
}
Agora no arquivo exemplo.html
- Código:
<script language="Javascript" src="funcao.js"></script>
<input type=button onClick="clica();" value="Enviar">
<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 !@#$&*()=:/;?+'
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!
:: Javascript / Ajax :: Javascript
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|
Qui maio 26, 2011 10:02 pm por cooker
» 1000 Brushes para Download
Qui Abr 01, 2010 3:51 pm por x SparTan
» [Fonte]Game Logos
Qua Mar 31, 2010 2:41 pm por Gouveia -
» Ranks-Habbundo
Ter Mar 30, 2010 11:17 am por Ronoroa ~
» [Fonte]Coca-Cola
Qua Mar 17, 2010 5:52 pm por Hink
» [Fonte] Battlestar (Galactica)
Sáb Dez 12, 2009 6:14 pm por Aurora
» [Fonte]Team Spirit
Sáb Dez 12, 2009 6:07 pm por Aurora
» [Fonte] Aardvark Cafe (Hard Rock Café)
Sáb Dez 12, 2009 6:05 pm por Aurora
» [Fonte] Allstar
Sáb Dez 12, 2009 4:53 pm por Aurora