Tutorial JavaScript


Tiras de caracteres (strings)

Un grupo de caracteres encerrados entre comillas es una tira de caracteres, las comillas pueden ser simples o dobles. Las variables pueden contener este tipo de información.

var nice_monkey = "The monkey smiles at you and recites Shakespeare.";

var bad_monkey = "The monkey scowls at you and burps.";

Una vez que ha hecho esto podrá referise a dicha variable por medio de ...

document.writeln(nice_monkey);


Ejemplo 2

... cada vez que quiera escribir un mensaje en JavaScript lo hará por medio del método write. Veamos ahora algo nuevo y novedoso:

var monkey = prompt("¿Cuál es tu nombre?", "Mi nombre");

Aquí estamos llamando al método prompt para obtener una respuesta desde el usuario. Cuando se llame dicho método, nos aparecerá una caja de dialogo que nos hará una pregunta. Cuando el usuario presione OK, el método prompt devolverá lo que hayamos ingresado en la caja de ingreso. En la línea anterior el valor ingresado irá a parar a una variable.

Note que el método prompt tomó dos argumentos, ambos son strings. El primer parámetro es lo que se imprimirá en la parte superior de la caja de dialogo. En este caso ¿cuál es tu nombre?. El segundo parámetro, "Mi nombre" en este caso, es el valor por defecto de la entrada. Si no desea un valor por defecto solo ponga un carácter en blanco. Como esto:

var monkey = prompt("¿Cuál es tu nombre?", "");

La siguiente línea es una forma directa de asignación de variable, como ya la hemos visto. Después de estas líneas vemos:

var dpto_grafico = disenio + impresion + tecnica;

Estas líneas introducen un operador tira el signo más. Cuando aparece entre dos tiras o dos variables que contienen tiras de caracteres como arriba, significa concatenar. Por lo tanto la línea de arriba crea una variable llamada dpto_grafico.

Las siguientes líneas muestran algunos trucos que se pueden hacer con tiras. Todos los trucos funcionan de una forma similar, por lo tanto nos focalizaremos en los tres:


var italic_hippy = hippy_monkey.italics();

var shouting_hippy= hippy_monkey.toUpperCase();

var red_bold_tech = bold_tech.fontcolor('red');

 

La primer línea dice, "Tome la tira que está contenida en la variable hippy_monkey y póngala en itálica" sería lo mismo que decir:

var italic_hippy = "<i>" + hippy_monkey + "</i>";

Pero es mucho más limpio y directo. En ambos casos, cuando luego haga document.writeln(italic_hippy) en su JavaScript, se imprimirá el contenido de hippy_monkey en itálica.

La siguiente línea que declara shouting_hippy, muestra un truco que no se puede hacer con HTML. Toma lo que esté en hippy_monkey y lo convierte todo a mayúsculas.

La tercer línea muestra un ejemplo de cambiar una propiedad a una tira. Todas las tiras tienen un color y puede cambiar el color de una tira usando la orden string.fontcolor('nuevo color'). También puede hacer esto:

var red_bold_tech = "<font color='red'>" + bold_tech + "</font>";

Pero esto no es tan fácil de leer como:

var red_bold_tech = bold_tech.fontcolor('red');


Ejemplo 3


En la siguiente línea lo imprime:

document.writeln(bold_tech + "<br>");

Esto es sólo un document.writeln() normal, excepto que en lugar de imprimir una tira le adicionamos dos tiras y luego imprimimos el resultado Esto se podría haber hecho en dos líneas:

var broken_bold = bold_tech + "<br>";

document.writeln(broken_bold);

Pero involucra crear otra variable y escribir otra línea, cuando realmente no es necesario.

Ejemplo

 

<html>

<head>

<title>Tutorial de JavaScript</title>

<script language = "JavaScript">

<!-- being hiding me

var name = prompt("Deme un nombre: ","");

var verb = prompt("Deme un verbo en pasado: ","");

var adjective= prompt("Deme un adjetivo: ","");

 

var sentence = name + " " + verb +

" the toilet, and the monkey was " + adjective + ".<p>";


// end hiding me -->

</script>

</head>

 

<p>Trataremos de escribir lo ingresado en las variables.<p>

 

<script language = "JavaScript">

<!-- begin hiding me

document.writeln(sentence);

document.writeln(sentence.bold());

document.writeln(sentence.toUpperCase());

document.writeln(sentence.fontcolor('red'));

 

// end hiding -->

</script>

</html>

<<<Anterior - Siguiente>>>


¡Visita también estos sitios interesantes!

Sitio alojado en Yaia.com