Page archived courtesy of the Geocities Archive Project https://www.geocitiesarchive.org
Please help us spread the word by liking or sharing the Facebook link below :-)


Inicio

Java Script

O que é?
Conceitos Básicos
::Variáveis Globais e Locais
:: Palavras reservadas
Funções
Manipulando Strings
Vetores
Cookies
RegExp
Datas
Eventos
Apostilas
Scripts

CSS

Introdução
CSS em texto
CSS em parágrafos
Backgrounds
Bordas
Camadas

Contato

Email


Manipulação e tratamento de Strings

1. Bold - Coloca as tags <b> e </b>, ou seja mostra o texto em negrito.

2. Italics - Substitui as tags <i> e </i>.

3. Blink - Substitui as tags <blink> e <blink>. Só funciona em Nestcape.

4. Strike - Substitui as tags <strike> e </strike>
Exemplo dos item 1 a 4:

<script>
var texto = "JavaScript"
document.write(texto.bold())
document.write(texto.blink())
document.write(texto.italics())
document.write(texto.strike())
</script>

Mostra na tela:
JavaScript
JavaScript // Só funciona em netscape
JavaScript
JavaScript

5. charAt - Retorna um caractere especifico de uma string.
Exemplo:

<script>
var texto = "JavaScript"
document.write("O caractere na posição 0 é " + texto.charAt(0)))
document.write(O caractere na posição 1 é " + texto.charAt(1)))
document.write(O caractere na posição 2 é " + texto.charAt(2)))
document.write(O caractere na posição 3 é " + texto.charAt(3)))
</script>

Mostra na tela:
O caractere na posição 0 é J
O caractere na posição 1 é a
O caractere na posição 2 é v
O caractere na posição 3 é a

6. concat - Concatena (Junta) duas strings e retorna um novo string. Exemplo:

<script>
var nome1 = "Java"
var nome2 = "Script"
nomecompleto = nome.concat(nome2)
document.writeln(nome1)
document.writeln(nome2)
document.writeln(nomecompleto)
</script>

Mostra na tela:
Java
Script
JavaScript

7. fontcolor - Coloca as tag <font color=cor>
Exemplo:

<script>
var texto = "JavaScript"
document.writeln(texto.fontcolor("blue"))
document.writeln(texto.fontcolor("black"))
document.writeln(texto.fontcolor("#303030"))
document.writeln(texto.fontcolor("#cococo"))
</script>

Mostra na tela:
JavaScript JavaScript JavaScript JavaScript

8.fontsize - Tamanho da fonte, que deve estar entre 1 a 7.

<script>
var texto = "JavaScript"
document.writeln(texto.fontsize(1))
document.writeln(texto.fontsize(3))
document.writeln(texto.fontsize(7))
document.writeln(texto.fontsize(4))
</script>

Mostra na tela:
JavaScript JavaScript JavaScript JavaScript

9. indexOf - Retorna a posição da primeira ocorrência de uma  substring em uma string ou -1 se não for encontrado. Esse método é case sensitive.
Exemplo 1: 

<script>
var texto = "abcdefghijlmnopqrstuvxzabcdefghijlmnopqrstuvxz"

document.writeln("O primeiro b esta na posição "+ texto.indexOf("b")+"<br>");
document.writeln("O primeiro q esta na posição "+ texto.indexOf("q")+"<br>");
document.writeln("O primeiro z esta na posição "+ texto.indexOf("z")+"<br>");
document.writeln("O primeiro w esta na posição "+ texto.indexOf("w")+"<br>");
</script>

Mostra na tela:
O primeiro b esta na posição 1
O primeiro q esta na posição 15
O primeiro z esta na posição 22
O primeiro w esta na posição -1

Exemplo 2: Conta quantos a tem na variavel texto

<script>
var texto = "abcdefghijlmnopqrstuvxzabcdefghijlmnopqrstuvxz"
count = 0;
while (achou!=-1){
count++;
achou = texto.indexOf("a");
}
document.write("Achou "+count+" vezes");
</script>

Mostra na tela:
Achou 2 vezes

10. lastIndexOf - Retorna a posição da última ocorrência de uma  substring em uma string ou -1 se não for encontrado. Esse método é case sensitive.
Exemplo: 

<script>
var texto = "abcdefghijlmnopqrstuvxzabcdefghijlmnopqrstuvxz"

document.writeln("O último b esta na posição "+ texto.lastIndexOf("b")+"<br>");
document.writeln("O último q esta na posição "+ texto.lastIndexOf("q")+"<br>");
document.writeln("O último z esta na posição "+ texto.lastIndexOf("z")+"<br>");
document.writeln("O último w esta na posição "+ texto.lastIndexOf("w")+"<br>");
</script>

Mostra na tela:
O último b esta na posição 24
O último q esta na posição 38
O último z esta na posição 45
O último w esta na posição -1

11. replace - Usado para fazer substituições em uma string. É case sensitive.
Sintaxe: replace(texto_atual, texto_novo)
Exemplo:

<script>
texto = "OS/2, windows, freeBSD, PalmOS";
novo_texto = texto.replace("windows","linux");
document.write(novo_texto);
</script>

Mostra na tela:
OS/2, linux, freeBSD, PalmOS

12.slice - extrai uma pedaço de uma string

<script>
texto = "Brasileiro";
novo_texto = texto.slice(0,6);//Pega os caracteres de 0(B) até 6(l)
document.write(novo_texto);
</script>

Mostra na tela:
Brasil

13. split - Divide uma string
Sintaxe: split(separador,limite)
limite é a quantidade de divisões que pode ser feita.
Exemplo:

<SCRIPT>
texto = "Como programar em javascript";
texto_dividido = texto.split(" ");
document.write(texto_dividido)
</SCRIPT>

Mostra na tela:
Como,programar,em,javascript

Agora usando o limite:

<SCRIPT>
texto = "Como programar em javascript";
texto_dividido = texto.split(" ",2);
document.write(texto_dividido)
</SCRIPT>

Mostra na tela:
Como,programar

14. substr - Retorna uma substring de uma posição indicada até a quantidade de caracteres definida por você.
sintaxe: substr(inicio, quantidade de caracteres)
Exemplo:

<SCRIPT>
texto = "aeiou";
novo_texto = texto.substr(0,2);
document.write(novo_texto+" De 0 com 2 caracteres<br>");
novo_texto = texto.substr(2,1);
document.write(novo_texto+" De 2 com 1 caractere<br>");
novo_texto = texto.substr(-1,2);
document.write(novo_texto+" De -1 com 2 caracteres<br>");
novo_texto = texto.substr(-2,3);
document.write(novo_texto+" De -2 com 3 caracteres");
</SCRIPT>

Mostra na tela:
ae De 0 com 2 caracteres
i De 2 com 1 caractere
ae De -1 com 2 caracteres
aei De -2 com 3 caracteres

15. toUpperCase - Coloca o texto em maiúscula.

<SCRIPT>
texto = "aeiou";
novo_texto = texto.toUpperCase();
document.write(novo_texto);
</SCRIPT>

Mostra na tela:
AEIOU

16. toLowerCase - coloca o texto em minúscula. 

<SCRIPT>
texto = "AEIOU";
novo_texto = texto.toLowerCase();
document.write(novo_texto);
</SCRIPT>

Mostra na tela:
aeiou

Enquete

Que tipos de sites você mais acessa?
Entreterimento
Notícias
Agitos
Informática
Pornográfico
:: VOTAR
:: Resultado parcial

Recomende

Seu nome:

Seu email:

Nome do amigo:

Email do amigo:

Atualizações

E-Mail:

Cadastrar
Descadastrar  
 

 

Roberto Jundi Furutani © Copyright 2002-2003 eXTReMe Tracker

1