Manual completo javascript

Veja o exemplo de utilização deste método:

texto="SENAC-MG";

document.write(texto.bold());

</script>

MÉTODO ITALICS

Este método é referente ao tag HTML <I> que atribui o estilo de itálico em um

texto. Sua sintaxe segue o mesmo padrão do método bold. Veja abaixo um

exemplo da utilização do método italics

texto="SENAC-MG";

document.write(texto.italics());

</script>

MÉTODO FIXED

Com o método fixed, é possível formatar o qualquer texto em fonte fixa, ou

como conhecido em HTML, em fonte monoespaço definido pelo tag <TT>. Sua

sintaxe segue a seguinte composição:

String.fixed();

Exemplo de utilização do método fixed:

texto="SENAC-MG";

document.write(texto.fixed());

texto2="ADRIANO LIMA".fixed();

document.write("<BR>",texto2);

</script>

MÉTODO STRIKE

Este método tem a função de criar um texto tachado que exibe uma linha no

meio do texto exibido. Este método tem a mesma função do tag HTML

<STRIKE>. Sua sintaxe básica segue o seguinte padrão:

texto="SENAC-MG";

document.write(texto.strike());

</script>

MÉTODO FONTCOLOR

Determina a cor da fonte em um texto de acordo com o tag HTML <FONT

COLOR>.

SINTAXE

String.fontcolor(cor);

Exemplo de utilização do método fontcolor:

texto="SENAC-MG";

document.write(texto.fontcolor("red"));

document.write("Informática".fontcolor("blue"));

</script>

O método fontcolor aceita nomes de cores sólidas, assim como, os valores

hexadecimais da cor referente.

MÉTODO FONTSIZE

Este método, determina o tamanho da fonte seguindo os padrões do tag HTML

<FONT SIZE> que possui tamanhos que vão de 1 a 7, assim como a

possibilidade de valores relativos através dos sinais de + e -. Sua sintaxe

básica segue o seguinte padrão:

texto="SENAC-MG";

document.write(texto.fontsize(7));

</script>

MÉTODO SUB

Este método cria um texto subscrito tendo o mesmo efeito do tag HTML

<SUB>. Sua sintaxe básica tem a seguinte formação:

String.sub();

Veja um exemplo para sua utilização:

texto="SENAC-MG";

document.write(texto.sub());

</script>

MÉTODO SUP

Este método cria um texto sobrescrito tendo o mesmo efeito do tag HTML

<SUP>. Sua sintaxe básica tem a seguinte formação:

String.sup();

Veja um exemplo para sua utilização:

texto="SENAC-MG";

document.write(texto.sup());

</script>

MÉTODO charAT

Com este método o usuário poderá retornar o caractere em uma determinada

posição em uma string. Por exemplo, temos a string SENAC e a posição de

referência é 3, com base nisto o caractere de retorno é “A”. Estas posições

são contadas à partir de 0 da esquerda para a direita.

SINTAXE:

String.charAt(valorRetorno);

Veja o exemplo de utilização do método charAt:

texto="SENAC-MG";

document.write(texto.charAt(3));

</script>

MÉTODO INDEXOF

Com o método indexOf o usuário pode retornar a posição de um caractere

dentro de uma string. Um exemplo claro do método indexOf, é a maneira de

saber se determinada string possui algum caractere específico. Caso a string

não contiver o caractere específico, o método irá retornar o valor –1, caso haja

a ocorrência do caractere procurado, será retornado o valor 0 ou superior,

sendo que 0 é a posição do primeiro caractere da string, 1 a posição do

segundo caractere e assim por diante. Caso exista duplicidade do caractere

específico, o método irá retornar a posição do primeiro caractere encontrado.

Sua sintaxe segue o seguinte padrão:

string.indexOf(caractere)

Veja pelo exemplo a utilização do método indexOf:

texto="SENAC-MG";

document.write(texto.indexOf("A"));

</script>

Valor retornado: A

Uma das práticas utilizações deste método, é determinar se determinado valor

de uma string é um número ou uma letra.

MÉTODO LASTINDEXOF

Com o método lastIndexOf o usuário poderá retornar a última posição de um

determinado caractere em uma string. Um exemplo de utilização deste método

é a de retornar a posição de um caractere barra (/) em uma string, para por

exemplo utilizar com URL’s. Sua sintaxe básica, segue o seguinte exemplo:

String.lastIndexOf(caractere,offset);

Onde caractere, é o caractere que deseja procurar dentro da string.

Onde offset, é a posição na string a partir de onde o usuário deseja começar a

pesquisa. Veja abaixo um exemplo que localiza a última ocorrência da letra

“N” na string SENAC-MG utilizada como exemplo.

texto="SENAC-MG";

document.write(texto.lastIndexOf("N"));

</script>

O resultado será 2. É bom lembrar que as strings sempre se baseiam em 0).

MÉTODO LINK

Este método é similar ao tag HTML <A HREF> que tem a função de criar

hiperlinks em uma página. Sua sintaxe básica tem a seguinte formação:

String.link(href);

Onde é href é a referência de vínculo do hiperlink.

Vejamos um exemplo:

texto="SENAC-MG";

document.write(texto.link("http://www.mg.senac.br"));

</script>

MÉTODO REPLACE

Este método tem a função de trocar valores dentro de uma string. Sua sintaxe

básica tem a seguinte formação:

String.replace(s1,s2);

Onde s1 é o caractere procurado dentro de uma string.

Onde s2 é o novo caractere que será trocado por s1.

Vejamos um exemplo simples que ao ser digitado um nome com acento agudo

na letra A, ao clicar sobre o um botão é trocado a letra sem acento.

function troca(){

texto=document.form1.nome2.value;

document.form1.nome2.value=texto.replace("á","a");

}

Logo a seguir o código do botão que chama a função troca().

MÉTODO SUBSTRING

Este método retorna uma parte de uma string. O usuário poderá especificar o

início e o final da parte que deseja extrair indicando a posição inicial como 0, já

a posição final é determinada com a instrução string.length-1, isto é, um a

menos do que o comprimento da string. Sua sintaxe básica tem a seguinte

formação:

string.substring(início,fim);

Vejamos um exemplo da utilização do método substring:

texto="SENAC-MG";

document.write(texto.substring(0,4));

</script>

Valor retornado: SENA.

MÉTODO TOLOWERCASE

Com o método toLowerCase o usuário poderá converter uma string em letras

minúsculas. Sua sintaxe básica segue o seguinte padrão:

texto="SENAC-MG";

document.write(texto.toLowerCase));

</script>

Veja que o conteúdo da variável texto está em letras maiúsculas, com o uso

do método toLowerCase, este texto será apresentado no documento em

letras minúsculas.

MÉTODO TOUPPERCASE

Com o método toUpperCase, o usuário poderá converter uma string em letras

maiúsculas. Sua sintaxe básica segue o seguinte padrão:

texto="senac-mg";

document.write(texto.toUpperCase));

</script>

OBJETO IMAGE

Na linguagem JavaScript as imagens que são inseridas através da linguagem

HTML são consideradas cada uma um objeto do tipo IMAGE. Com isto,

podemos concluir que as imagens possuem propriedades e métodos assim

como os outros objetos já existentes. Através deste objeto é possível que o

usuário possa interagir melhor e dinamicamente as imagens utilizadas em suas

páginas.

Vejamos pelo exemplo a seguir a instrução HTML que insere uma imagem em

uma página.

<html>

<body>

Até aqui tudo bem, mas note que fora atribuído uma variável nesta imagem

através do atributo name. Esta variável serve para fazer referência à imagem

atualmente inserida na página no código JavaScript que será desenvolvido.

Vamos agora inserir um botão de formulário que será responsável pelo evento

que iremos desenvolver, logo nosso código ficará da seguinte forma:

<html>

<body>

<br>

No código a seguir, foi utilizado o evento onClick que determinará a ação para

o botão. Esta ação foi designada para trocar a imagem atualmente inserida por

outra imagem. Note que foi feita uma referência para inserir à nova imagem

no local da imagem atual.

<html>

<body>

<br>

<input type="button" value="Muda Figura"

onClick="document.senac.src='iso9001.gif'">

Em análise sobre este código simples, foi determinado que no documento

atual, especificamente no objeto chamado senac que trata a figura atualmente

inserida, será originada outra imagem “iso9001.gif” em seu local atual.

Resultando na troca da imagem. Veja agora o mesmo código fazendo

alternação entre as duas imagens de acordo com a opção escolhida, observe:

<html>

<body>

<br>

<input type="button" value="Muda Figura"

onClick="document.senac.src='iso9001.gif'">

<br>

<input type="button" value="Volta Figura"

onClick="document.senac.src='logo_senac.jpg'">

observe agora a criação de uma função que fará com que quando o usuário

mover o mouse sobre a imagem a mesma será ampliada e ao movimentar

para fora da imagem, a mesma retornará ao seu tamanho original:

function figura(valor){

document.senac.width=valor;

}

</script>

<img src="logo_senac.jpg" name="senac" onMouseOver="figura(150)"

onMouseOut="figura(70)">

CONTINUE >>>

E-BOOKOASIS

Pesquisar este blog

Manual completo javascript - PARTE 8

Comentários

Postar um comentário