sábado, 20 de noviembre de 2010

JavaScript

JavaScript es un lenguaje de scripting orientado a objetos, basado en prototipos, sin tipo y liviano, utilizado para acceder a objetos en aplicaciones. Principalmente, se utiliza integrado en un navegador web permitiendo el desarrollo de interfaces de usuario mejoradas y páginas web dinámicas. JavaScript es un dialecto de ECMAScript y se caracteriza por ser un lenguaje basado en prototipos, con entrada dinámica y con funciones de primera clase. JavaScript ha tenido influencia de múltiples lenguajes y se diseñó con una sintaxis similar al lenguaje de programación Java, aunque más fácil de utilizar para personas que no programan.




Todos los navegadores modernos interpretan el código JavaScript integrado dentro de las páginas web. Para interactuar con una página web se provee al lenguaje JavaScript de una implementación del Document Object Model (DOM).

El lenguaje fue inventado por Brendan Eich en la empresa Netscape Communications, la que desarrolló los primeros navegadores web comerciales. Apareció por primera vez en el producto de Netscape llamado Netscape Navigator 2.0.

Tradicionalmente, se venía utilizando en páginas web HTML, para realizar operaciones y en el marco de la aplicación cliente, sin acceso a funciones del servidor. JavaScript se ejecuta en el agente de usuario, al mismo tiempo que las sentencias van descargándose junto con el código HTML.

Ejemplos.

Para escribir un Hola Mundo en un documento HTML, basta con usar el método write () del objeto documento.

document.write ( '¡Hola mundo!' );
 
O, usando variables:
var mensaje = "¡Hola mundo!";
document.write (mensaje);
 
Para mostrar un mensaje de alerta:
window.alert ( 'Hola mundo!');


Un Redirect:
<script type="text/javascript">
<!--
window.location = "http://www.conglom-osoft.net84.net/"
//-->
</script>

Un Redirect con tiempo de espera o delay:
<script type="text/javascript">
<!--
window.location = "http://www.conglom-osoft.net84.net/"
//-->
</script>
<body onLoad="setTimeout('delayer()', 5000)">
<h2>Prepare to be redirected!</h2>
<p>This page is a time delay redirect, please update your bookmarks to our new 
location!</p>
</body>
5000 - El numero en milisegundo setTimeout() El tiempo de espera para el redirect. 1000 milisegundos = 1 segundo.

y por ultimo pondre un contador.

<script type="text/javascript" src="http://conglom-osoft.net84.net/countdown.js" defer="defer"></script>
<script>
 var msgArray = new Array(

"See you in game!"
);
var speed = 20;
var cdel = 1000;
var maxfont = 25;


function bnr(dir){if (dir) {msg = msgArray[y];if (x < maxfont) {x++;setTimeout("bnr(1)",speed);}else setTimeout("bnr(0)",cdel);} else {if (x > 1) {x--;setTimeout("bnr(0)",speed);}else {setTimeout("bnr(1)",10);y++;if >(y=msgArray.length) y=0;}}document.getElementById('btx').innerHTML = msg;btx.style.fontSize=x+'px'}
window.onload = start;
                  
  </script>
<center>
 <span id="countdown1" style='font-size: 13px; font-family: tahoma; color: orange;'>2011-05-13 00:00:00 GMT-06:00</span><br><font size="2" color="RED">yeye</font></center>
./countdown.js
function CD_T(id,e){var n=new Date();CD_D(+n,id,e);setTimeout("if(typeof CD_T=='function'){CD_T('"+id+"',"+e+")}",1100-n.getMilliseconds())};function CD_D(n,id,e){var ms=e-n;if(ms<=0) ms*=-1;var d=Math.floor(ms/864E5);ms-=d*864E5;var h=Math.floor(ms/36E5);ms-=h*36E5;var m=Math.floor(ms/6E4);ms-=m*6E4;var s=Math.floor(ms/1E3);if(CD_OBJS[id]){CD_OBJS[id].innerHTML=d+" day"+(d==1?" ":"s ")+CD_ZP(h)+"h "+CD_ZP(m)+"m "+CD_ZP(s)+"s"}};function CD_ZP(i){return(i<10?"0"+i:i)};function CD_Init(){var pref="countdown";var objH=1;if(document.getElementById||document.all){for(var i=1;objH;++i){var id=pref+i;objH=document.getElementById?document.getElementById(id):document.all[id];if(objH&&(typeof objH.innerHTML)!='undefined'){var s=objH.innerHTML;var dt=CD_Parse(s);if(!isNaN(dt)){CD_OBJS[id]=objH;CD_T(id,dt.valueOf());if(objH.style){objH.style.visibility="visible"}}else {objH.innerHTML=s+"<a href=\"http://andrewu.co.uk/clj/countdown/\" title=\"Countdown Error:Invalid date format used,check documentation (see link)\">*</a>"}}}}};function CD_Parse(strDate){var objReDte=/(\d{4})\-(\d{1,2})\-(\d{1,2})\s+(\d{1,2}):(\d{1,2}):(\d{0,2})\s+GMT([+\-])(\d{1,2}):?(\d{1,2})?/;if(strDate.match(objReDte)){var d=new Date(0);d.setUTCFullYear(+RegExp.$1,+RegExp.$2-1,+RegExp.$3);d.setUTCHours(+RegExp.$4,+RegExp.$5,+RegExp.$6);var tzs=(RegExp.$7=="-"?-1:1);var tzh=+RegExp.$8;var tzm=+RegExp.$9;if(tzh){d.setUTCHours(d.getUTCHours()-tzh*tzs)}if(tzm){d.setUTCMinutes(d.getUTCMinutes()-tzm*tzs)};return d}else {return NaN}};var CD_OBJS=new Object();if(window.attachEvent){window.attachEvent('onload',CD_Init)}else if(window.addEventListener){window.addEventListener("load",CD_Init,false)}else {window.onload=CD_Init}; 
./countdown.js







2011-05-13 00:00:00 GMT-06:00
yeye



Les pongo esta pagina como FUENTE y como guia tiene mucha informacion sobre paginas web solo que esta en ingles espero y les sirva.
http://www.tizag.com/

BX puntos para la clase...
Saludos..

1 comentario: