Bem vindo ao PROJECT-HTML
Aprenda mais sobre:
HTML, CSS, JavaScript, webmaster, Imagens, banners, wallpapers, videos aula, windows, utilitários para site/blogs, Jogos, animes e muito mais.
Basta se registrar!



 
InícioProject HTMLGaleriaFAQRegistrar-seConectar-se
Buscar
 
 

Resultados por:
 
Rechercher Busca avançada
Conectar-se
Nome de usuário:
Senha:
Conexão automática: 
:: Esqueci minha senha
Votação
Qual seu navegador favorito?
 FireFox
 Chrome
 Internet Explorer
 safari
 Netscape
 Opera
 Avant
Exibir resultados
Quem está conectado
1 usuário online :: Nenhum usuário registrado, Nenhum Invisível e 1 Visitante

Nenhum

O recorde de usuários online foi de 36 em 3/4/2016, 3:36 am
Últimos assuntos
» TAG´s (comandos)
4/8/2014, 10:15 am por robson

» Comandos básico de HTML - body (corpo da home page)
16/7/2014, 10:10 am por robson

» Apresentações aqui
15/7/2014, 4:14 pm por robson

» Como colocar "posts recomendados" no sou blog sou site.
24/3/2014, 8:05 pm por Otome

» Arquivo de ajuda sobre PHP, help para iniciantes e experientes
24/3/2014, 8:03 pm por Otome

» Imagens Exercício-6
22/3/2014, 5:19 pm por SY64

» Alinhamento de imagens
22/3/2014, 4:43 pm por SY64

» Link´s Exercicios-5
22/3/2014, 12:43 pm por SY64

» Criar um site passo a passo
1/8/2013, 4:41 pm por marlonsouzajs


Compartilhe | 
 

 Objeto String

Ver o tópico anterior Ver o tópico seguinte Ir em baixo 
AutorMensagem
Diego
Admin
Admin
avatar

Masculino
Número de Mensagens : 321
Idade : 25
Localização : Aqui no PROJECT-HTML
Pontos : 5407
Reputação : 24
Data de inscrição : 04/07/2008

MensagemAssunto: Objeto String   1/12/2008, 11:25 am

As string JavaScript são usadas para trabalhar com o texto.
No exemplo abaixo declaramos uma variável com o nome "texto" que vai receber o conteúdo "Revista W".
Declaramos uma outra variável "Tamanho" que vai receber a quantidade de caracteres da variável texto deve ser feito da maneira abaixo:

Código:
<html>
<body>
<script type="text/javascript">

texto = "Revista W" ;
tamanho = texto.length ;
document.write (texto + "<p>"  + tamanho + " caracteres") ;
</script>
</body>
</html>

O comando document.write vamos exibir o texto:

(texto + "<p>" + tamanho + " caracteres")

Que é a "Revista W" pular uma linha "<p>"

E formar o tamanho de caracteres:

(texto + "<p>" + tamanho + " caracteres")

E adicionar junto a palavra caracteres:

(texto + "<p>" + tamanho + " caracteres")

[Você precisa estar registrado e conectado para ver esta imagem.]

Existem funções para strings que geram HTML para formatação dos textos escritos pelos códigos JavaScript.

Código:
<html>
<body>
<script type="text/javascript">

texto = "Revista W" ;
tamanho = texto.length ;
document.write (texto + "<p>"  + tamanho + " caracteres" + "<p>") ;

document.write (texto.fontcolor ('red') + "<p>");
document.write (texto.fontcolor ('blue') + "<p>");
document.write (texto.fontcolor ('green') );

</script>
</body>
</html>

A função fontcolor por exemplo permite escrever um texto com cores especificas. Desta forma colocamos o nome da variável:
document.write (texto.fontcolor ('red') + "<p>");

Ponto fontcolor:
document.write (texto.fontcolor ('red') + "<p>");

E entre parentes o nome da cor:
document.write (texto.fontcolor ('red') + "<p>");

[Você precisa estar registrado e conectado para ver esta imagem.]

A função indexOf serve para verificar se uma string possui um determinado texto e qual a sua posição ela pode ser útil em script de validação e deve ser utilizada da maneira abaixo:

Código:
<html>
<body>
<script type="text/javascript">

texto = "Revista W" ;
tamanho = texto.length ;
document.write (texto + "<p>"  + tamanho + " caracteres" + "<p>") ;

document.write (texto.fontcolor ('red') + "<p>");
document.write (texto.fontcolor ('blue') + "<p>");
document.write (texto.fontcolor ('green') + "<p>");

texto = "O javaScript torna as páginas Web mais interativas" ;
pos = texto.indexOf ("Web");
document.write ("A palavra \"Web\" foi encontrada na posição " + pos);
</script>
</body>
</html>

Guardamos um texto qualquer em uma variável e criamos outra variável que irá receber a posição de uma determinada palavra desta forma colocamos texto.indexOf e entre parentes
colocamos a palavra Web que será procurada dentro da variável texto.
Em seguida utilizamos um comando que irá indicar qual a posição da palavra Web.

document.write ("A palavra \"Web\" foi encontrada na posição " + pos);

[Você precisa estar registrado e conectado para ver esta imagem.]


Com o meto Substr você extrai uma você extrai uma parte de uma string começando pela posição que você indicar no primeiro argumento e com o tamanho que você colocar no segundo.

Código:
<html>
<body>
<script type="text/javascript">

texto = "Revista W" ;
tamanho = texto.length ;
document.write (texto + "<p>"  + tamanho + " caracteres" + "<p>") ;

document.write (texto.fontcolor ('red') + "<p>");
document.write (texto.fontcolor ('blue') + "<p>");
document.write (texto.fontcolor ('green') + "<p>");

texto = "O javaScript torna as páginas Web mais interativas" ;
pos = texto.indexOf ("Web");
document.write ("A palavra \"Web\" foi encontrada na posição " + pos + "<p>");

texto = "O JavaScript torna as páginas Web mais interativas";
document.write (texto.substr (22,11) );

</script>
</body>
</html>

Nesta forma está frase acima estamos indicando a posição numero 22.

document.write (texto.substr (22,11) );

que é exatamente onde eu coloquei o x.

texto = "O JavaScript torna as x páginas Web mais interativas";

A partir deste ponto iremos pegar 11 posições:
páginas Web
[Você precisa estar registrado e conectado para ver esta imagem.]

Para utilizar comando substr devemos indicar a variável ponto substr e entre parentes a primeira posição e a quantidade de caracteres que serão pegas do texto.

document.write (texto.substr (22,11) );

22 = posição.
11 = tanto de caracteres que serão pegues do texto.

As formas toLowerCase e toUpperCase convertem textos para caracteres maiúsculos e virse versa veja como usa-los:


Código:
<html>
<body>
<script type="text/javascript">

texto = "Revista W" ;
tamanho = texto.length ;
document.write (texto + "<p>"  + tamanho + " caracteres" + "<p>") ;

document.write (texto.fontcolor ('red') + "<p>");
document.write (texto.fontcolor ('blue') + "<p>");
document.write (texto.fontcolor ('green') + "<p>");

texto = "O javaScript torna as páginas Web mais interativas" ;
pos = texto.indexOf ("Web");
document.write ("A palavra \"Web\" foi encontrada na posição " + pos + "<p>");

texto = "O JavaScript torna as páginas Web mais interativas";
document.write (texto.substr (22,11) + "<p>");

texto = "O JavaScript torna as páginas Web mais interativas";
document.write (texto.toLowerCase ( ) );
document.write ("<p>");
document.write (texto.toUpperCase ( ) );
</script>
</body>
</html>

Armazenamos o texto da variável "texto" e utilizando o comando "texto.toLowerCase" colocamos todo texto em minúsculo.

Da mesma forma utilizando "texto.UpperCase" todo texto ficará em maiúsculo.

Veja na figura abaixo:

[Você precisa estar registrado e conectado para ver esta imagem.]

_________________
Quem pode faz, não copia!
[Você precisa estar registrado e conectado para ver esta imagem.]
s2 Diego e Barbara s2
Informações do meu PC:
Processador:Intel Core i5 760 @ 2.80GHz 8Mb cache
Placa mãe: ASUSTeK Computer INC. P7P55D-Deluxe
Memoria Ram: 4.0GB Único -Channel DDR3 @ 668MHz * 2 = 1333Mhz (9-9-9-24)
Placa de video: 512 MB GeForce 8400 GS (XFX Pine Group)
HD: 160GB SAMSUNG SAMSUNG HD161HJ (SATA)
Audio: SoundMAX Integrated Digital Audio
Sistema operativo: MS Windows 7 Ultimate 64-bit
Voltar ao Topo Ir em baixo
Ver perfil do usuário http://www.projecthtml.tk
 
Objeto String
Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo 
Página 1 de 1
 Tópicos similares
-
» Aprenda como criar um objeto em outra room/sala/tela
» objeto seguir o clik do mouse
» Engine Poder ao Pegar Objeto (by Giosepe Luiz)
» Classe css do efeito hover ao se clicar em um objeto
» [Resolvido] Objeto em flash com erro

Permissão deste fórum:Você não pode responder aos tópicos neste fórum
 :: Conhecendo um pouco de Javascript :: Interação com o HTML-
Ir para: