Empezando con Java Script+ ASP.NET

Tengo muchos meses sin escribir siempre que digo que voy a volver, siempre se presenta algo nuevo, pero bueno por estos días estoy comenzado una nueva etapa profesional en una empresa que se llama Indra, y el primer proyecto que trabajaremos es en ASP.NET, la verdad ya llevo varios años trabajando en .NET, pero la mayoría (si no es por decir todos) de los proyectos que he realizado en el ámbito empresarial han sido a nivel de escritorio y Windows Mobile, lo poco que he hecho en ambiente web se reduce solo al escenario académico.

Por esta razón me toco volver a empaparme del paradigma web y para esto empecé con algo tan básico como es Java Script. Buscando en la web encontré este webcast https://msevents.microsoft.com/CUI/EventDetail.aspx?EventID=1032486642&culture=es-co, y en este POST resumiré los conceptos de los que se habla allí, espero sea de utilidad y si quieren profundizar ahí les dejo el link.

 

Comencemos con algunos conceptos básicos:

  • JavaScritp es un lenguaje de programación que se ejecuta a nivel de cliente, es decir en nuestros exploradores. Permite interactuar con el DOM Document Object Model.
  • Comenzó a principios de los 90 con Netscape. Desde allí empezó la “guerra” de los exploradores porque al ver la potencia que tenia esta tecnología cada uno quiso hacer su propio código script.
  • Netscape quiso crear un estándar y lo logro, dicho estándar es conocido como el estándar ECMA-262, pero aunque es un estándar cada navegador siempre lo ha querido ejecutar a su manera, por eso se encuentran casos de incompatibilidad en el código, aunque esto ha disminuido mucho con el tiempo.

Cuando utilicemos Java Script debemos tener en cuenta:

  • Es Case Sensitive.
  • Es Débilmente tipado.
  • Por ser débilmente tipado no hay necesidad de especificar tipo a las variables, y estas pueden cambiar de tipo a medida que se ejecuta el programa.
  • No necesita un finalizador de sentencias, aunque también permite ponerlo (;). Personalmente prefiero colocar el finalizador de sentencias para mejorar la visualización del código.
  • Las variables pueden ser globales o locales.
  • Las cadenas se generan con comilla siempre (‘) o con comilla doble (“)
  • Directamente no se puede leer ni escribir archivos locales.
  • Operadores:
    • ++ incremento
    • –decremento
    • prefijo se incrementa antes
    • sufijo se incrementa después.
    • ! Negación
    • && and
    • || Or
    • != Distinto

Como se definen eventos:

  • Como atributos HTML: Directamente en los elementos HTML

    onclik = “alert(‘Hola Mundo’);”

     

    Esta es la forma menos adecuada, ya que nos podrían hacer inyecciones del código.

  • Variable this para referirse al elemento que ha lanzado el evento.

     

    ej: onmouseover=”this.style.borderColr = ‘black’;”

     

  • Funciones externas: Es lo más correcto.

    ej: onclick = “muestraMensaje()”

    Así puede ser reutilizable.

 

Tener presente que la variable this se puede pasar como parámetro: onclick= “muestraMensaje(this)”

Para anular un evento solo basta con retornar false. onkeypress = “return false;”

 

  • FUNCIONES ANONIMAS: Es una función sin ningún nombre que se crea solo para el evento

windows.onload = function(){

document.getElementById(“btnTest”).onclick=muestraMensaje;

}

Aquí unos ejemplos de cómo declarar código java Script en nuestra página HTML

==============================================================

<html>

<head></head>

<body>

<h1>Hola Mundo</h1>

<button onclick = “alert(‘hola mundo test’)”>Presioname!!</button>

<script type=”text/javascript”>

alert(“Test 1”);

</script>

</body>

</html>

En este ejemplo he declarado un botón y en el evento onclick llamo el código script que le he asignado

También he generado un código script a través de una etiqueta de script, pero como este código no lo he metido en una función se ejecuta apenas carga la pagina.

 

Si en algún momento el explorador donde estemos ejecutando nuestra página no tiene habilitado java Script podemos hacer uso de las etiquetas <noscript> </noscript> para introducir en este segmento de código lo que queramos hacer.

En este ejemplo mostrare un mensaje y rediccionarse a otra página.

<noscript>

<p> Para mostrar esta página es necesario tener activado Java Script en su Navegador</p>

<META HTTP-EQUIV=”Refresh” CONTENT=”3;URL=http://mrubino.net”/>

</noscript>

 

Si queremos asignar el foco a un control apenas arranque la pagina.

document.getElementById(“b1”).focus();

 

Pero esta funcionalidad solo aplica para los controles que son de HTML para un control asp, no aplica ya que en momento de ejecución el ID que le asignamos es modificado por ASP.NET. Pero para hacer el llamo de la función getElementById sobre un control asp.net hacemos lo siguientes:

alert(document.getElementById(“<%=txPruebaNombre.ClientID %>”).value);

 

Si queremos enviar parámetros en una función

<button id = “b1” onclick = “pruba(‘mandando parametro’)”>clik me</button>

<script type=”text/javascript”>

function pruba(val) {

alert(val);

}

</script>

 

 

 

 

 

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s