WarioTeAyuda

Basico javascript


 Tuto de noticiaspwg

Los javascript son funciones que puede cumplir un navegador leyendolos de derecha a izquierda y cuando termina una linea comienza con la siguiente. Aqui el posicionamiento de una funcion modifica de inmediato el resultado, asi que tengan cuidado al hacer una funcion y piensen bien. No piensen con esto que sera muy dificil hacer un sencillo javascript, ya que aunque no lo crean, los scripts que ustedes colocan en la web como un reloj, cambiar color de un texto cada cierot tiempo, son codigos COMPLICADOS en el cual el inventor estubo mucho tiempo pensando y desarrollando el codigo, casi un genio de la internet.


Ahora comenzemos con las cosas basicas de lectura:

Los javascript se pueden leer de dos formas=

De inmediato o por HTML

De inmediato= el javascript se reproduce automaticamente sin tener que esperar nada.

HTML= el javascript solo se leera cuando hagas una funcion, la cual solo sera llamada cuando el Visitante/usuario haga algo(digamos: hace click en un link, esta cargando la pagina, el usuario tiene esta de mañana/de dia/ de noche conectado a su pagina, etc...)(esto lo aprenderemos mas a delante.)


Ahora comenzemos como hacer que el navegador lea bien las funciones del javascript:

Por ejemplo ya han visto muchos codigos que tienen comentarios, que colocan como promocionamiento de su web, etc...

Y se hase de la siguiente forma: si quieres hacer un comentario de una linea se ase con dos slash(/) y si es de dos lineas es un slash(/) y un asterisco(*), ejemplo:

Cita:
<SCRIPT>
//Este es un comentario de una línea
/*Este comentario se puede extender
por varias líneas.
Las que quieras*/
</SCRIPT>



En javascript se han de respetar las mayúsculas y las minúsculas. Si nos equivocamos al utilizarlas el navegador responderá con un mensaje de error de sintaxis. Por convención los nombres de las cosas se escriben en minúsculas, salvo que se utilice un nombre con más de una palabra, pues en ese caso se escribirán con mayúsculas las iniciales de las palabras siguientes a la primera. También se puede utilizar mayúsculas en las iniciales de las primeras palabras en algunos casos, como los nombres de las clases, aunque ya veremos más adelante cuáles son estos casos y qué son las clases.

Las distintas instrucciones que contienen nuestros scripts se han de separar convenientemente para que el navegador no indique los correspondientes errores de sintaxis. Javascript tiene dos maneras de separar instrucciones. La primera es a través del carácter punto y coma (;) y la segunda es a través de un salto de línea.

Por esta razón Las sentencias Javascript no necesitan acabar en punto y coma a no ser que coloquemos dos instrucciones en la misma línea.



Ahora veamos las variables:

Las variables son partes del javascript que son muy "flexibles" ya que segun lo que asemos pueden cambiar y ayudarnos a dar un valor determinado en el script. Por ejemplo, en un programa de suma una variable seria asi:

Cita:

sumando1 = 23
sumando2 = 33
suma = sumando1 + sumando2

El sumando1, sumando2 y suma son variables, y como se dieron cuenta en vez de escrbir 23 y 33 colocamos las variables para apoyarnos en un valor determinado.

Tampoco es mala idea declarar una variable antes de comenzar, para eso existe la palabra var en el javascript para declarar la variable antes de utilizarla:

Cita:

var operando1
var operando2
var operando3


tambien se le puede asignar un valor como a las anteriores:

Cita:

var operando1 = 123
var operando2 = 321
var operando3 = 213


tambien se pueden declarar variables en una misma linea, pero separados por comas(,)

var operando1,operando2

Las variables se dividen en tanto variables globales como Locales.

Las globales son aquellas que se pueden llamar en cualquier parte de la pagina(las normales)

Cita:

var operando1


pero las locales se le asignan segun funcion, digamos asi:

Cita:

function miFuncion (){
var variableLocal
}


solo cuando se llame a la funcion miFuncion puede comenzarse a usar la variable local

Nota!=No hay problema en declarar una variable local con el mismo nombre que una global

a la variable le podemos guardar tanto numeros, textos y condiciones pequeñas.

los numeros ya los vimos, pero las palabras tendrian que ser escritas entre comillas:

Cita:

var operando = "texto"


y las condiciones pequeñas son true y false que dicen si una variable es verdadera o falsa=

Cita:

var revisado = true
revisado = "no"


Estamos diciendo que la variable revisado es verdadera por tanto diria "no" al usarla.


Ahora hablemso de condiciones mayores, que serian if (si...) y else (si no...)

que se aplicarian mas o menos asi:

Cita:

if () {
acciones a realizar en caso positivo
...
} else {
acciones a realizar en caso negativo
...
}


por ejemplo, queremos darle buena suerte a un usuario al comenzar la semana:

Cita:

if (dia == "lunes")
document.write ("Que tengas un feliz comienzo de semana")


tambien si es una pagina con material violento:

Cita:

if (edad > 18) {
document.write("puedes ver esta página para adultos")
} else {
document.write("lo sentimos, no puede entrar a esta página")
}


ahora os explicare un poco como son los signos en javascript:

== significa igual
> significa mayor
< significa menor
&& significa "y"

pero claro, anteriormente en el ejemplo de edad, necesitariamos una variable con el nombre edad para hacer que sea verdad o no.


Ahora ablemos de las funciones(lo que hable al principio)

Las funciones como bien dice, son funciones que cumplen una accion determinada segun queramos que solo se mostrara al ejecutarla. Y que para hacer que se identifique como funcion, tenemos que escribir function

digamos:

Cita:

function inicio() {
alert ("bienvenido")
}


y para llamarlo seria con HTML:

Cita:

<body onLoad="inicio()">
</body>


o tambien:

Cita:

<a onClick="inicio()">Haga click aqui para saludarlo</a>


Aqui os nombre como llamar a los javascript desde HTML con su signficiado:

onLoad "al cargar"
onClick "al hacer click"
onChange "al cambiar"

que se le puede asignar a casi todos los elementos de HTML, pero mas sujerible al A (link)


Hablemos un poco mas de las funciones:

a las funciones tambien se les puede asignar una palabra en sus parentesis que para que cuando se le llame, lo que tenga en parentesis sea el valor de la palabra entre parentesis, digamos:

Cita:

function imagen(archivo) {
window.open(archivo, "Mirar", "width=300,height=300")
}


y al llamarlo, lo acemos con un input(boton) de esta forma:

Cita:

<input type="button" onClick="imagen('http://blablabla.com/urlimagen.jpg')" value="Mirar imagen">


y al hacer click en el boton, pues la url que colocamos en el imagen() se definiria como "archivo" y al llamar a la funcion y devinir la palabra(en este caso "archivo") con un valor determinado(http://blablabla.com/urlimagen.jpg) entonces donde coloquemos otra vez la palabra "archivo" se definira ese valor que dimos anteriormente y comenzara la funcion. En este caso hize un pop-up que te dirija a la imagen en donde se ubica la imagen con el titulo del pop-up "mirar" con el width y height que le asigne. Sencillo no?


ahora veamos unas funciones que tiene predeterminadas el javacript, que serian el window y document.Y ahora os muestro como son las basicas:

window.open() Abre un pop-up
window.close() Cerrar la ventana que se esta mirando
window.write() Escribir en la ventana
window.document.title() Titulo de la pagina

En otras palabras, el Window da acciones que se asignan al EXPLORADOR y no a la pagina. Ahora veamos el document

document.write() Escribir dentro de la pagina web
document.title() Titulo de la pagina web
document.cookie() Escribir en una cookie
document() Accion que le podemos dar a la pagina web.

En otras palabras, los document's hacen que hagamos una acciona la WEB y no al explorador.

por cierto, para poder escribir en cada uno de ellos, se usa la comilla simple(') y se cierra con la misma, por ejemplo:

Cita:

document.write('Texto escrito dentro de javascript')



Como ultimo, todo lo que os enseñe ahora, tiene que estar escrito dentro de los siguientes parametros:

Cita:

<script languaje="javascript">
funciones
</script>



Pero que ahora puedan hacer sus propios scripts basicos,no AVANZADOS ya que esos si son complicados.


Fuente :

http://www.paginawebgratis.es/forum/viewtopic.php?t=24310

Noticiaspwg.es.tl
Actualmente conseguimos: 71841 visitantes (250923 clics a subpáginas)