“Conocimientos Programación>JavaScript Programación

Cómo hacer JavaScripts

2013/11/5
exploradores de Internet fueron creados originalmente para visualizar documentos simples . Sin embargo , una vez que la popularidad de la Internet creció , los desarrolladores han encontrado una necesidad de hacer que las cosas sucedan en la página, como el cambio de colores, fuentes e imágenes en base a lo que el usuario estaba haciendo. Con el desarrollo de las formas la necesidad creció aún más a medida que se necesitan métodos para validar y cambiar el contenido de los campos del formulario . JavaScript fue inventado por Netscape para realizar estas tareas y se lleva a cabo hoy en día en todos los principales navegadores . Cosas que necesitará PC
navegador tiene editor de texto (Notepad funciona )
Ver Más instrucciones
1

Crear un archivo en blanco en su PC. Guárdelo en un directorio fácil de encontrar y escribir. Hacer la extensión HTM o archivo HTML. El nombre de archivo puede ser cualquier cosa que quieras, pero algo tan simple como obras "prueba" . Si lo guarda en el directorio temp, la ruta completa podría ser: C: . \\ Temp \\ test.html
2

Agregar etiquetas HTML básicas para su archivo . La siguiente es la estructura de la base de un documento HTML - puede introducir usted mismo, o simplemente copiar y pegar el siguiente :



< p> Mi archivo test < /TITLE > <br> <p> <BODY> <br> <p> <H1> Esta es una prueba < /H1 > <br> <p> < /BODY> <br> <p> < /HTML > <br> <p> Guarde el archivo . Abra en el navegador con el archivo /opción de menú Abrir. Usted no debe ver ninguna de sus etiquetas , sólo " Esto es una prueba" en la parte superior de la pantalla, y "Mi archivo de prueba " en la barra de título en la parte superior de la ventana del navegador . <br> <br> 3 <p> Agregar una función de JavaScript dentro de la sección " Head" de su documento : <br> <p> <HEAD> <br> <p> <script type="text/javascript"> <br> <p> función hellothere ( word_to_send ) { <br> alerta <p> ("Hola " + word_to_send ) ; <br> <p> <br> <p> } < /script > <br> <p> < TITLE> <br> <p> Esta función, denominada " hellothere , " se llama desde la página. Se necesita una "variable" llamado word_to_send . Una variable es un lugar para celebrar una hoja de datos. Cuando se llama a esta función se abrirá un cuadro de alerta en la pantalla que diga "Hola ", además de cualquier palabra que se pasa a la función de la variable. <br> 4 <p> Añadir un evento " onload " para la etiqueta "body" . Javascript está impulsado por "eventos" . Un medio caso de que algo ha sucedido en la página. " OnClick " significa que el usuario ha hecho clic en algo. " Onblur " significa que un usuario se ha alejado de algo, como la tabulación de un campo de formulario . Al añadir el evento onload de la etiqueta body , que dice, "cuando esta página web carga , haga lo siguiente . " <br> <p> <BODY Onload='hellothere("world")'> <br> Página 5 <p> Guarde el archivo . Abra en el navegador . Usted debe ver una ventana emergente que dice " Hello World ". <br> 6 <p> añadir más variedad a su página web. Explora los diferentes eventos y experimentar . Cada elemento en una página web se puede dar un nombre y ese nombre se utiliza con los eventos para hacer que las cosas sucedan . <br> <br> <div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div> </div> <div class=contentpage> <div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-conseguir-una-página-Web-remoto-con-JavaScript-.html' >Cómo conseguir una página Web remoto con JavaScript </a> </div> <div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Obtener-el-código-fuente-de-un-elemento-de-imagen-con-JavaScript-.html' >Cómo Obtener el código fuente de un elemento de imagen con JavaScript </a> </div> </div> <dl class=xgc> <dt><span>JavaScript Programación</span></dt> <dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-Lightbox-Tutorial-.html">Javascript Lightbox Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-obtener-valores-int-en-jQuery-.html">Cómo obtener valores int en jQuery </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-texto-de-un-rollover-.html">Cómo cambiar el texto de un rollover </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-que-todos-los-botones-de-radio-Falso-en-JavaScript-.html">Cómo hacer que todos los botones de radio Falso en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Javascript-y-expresiones-regulares-para-Códigos-postales-.html">Javascript y expresiones regulares para Códigos postales </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-insertar-PHP-en-JavaScript-.html">Cómo insertar PHP en JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-agregar-una-superposición-de-imágenes-con-V3-Maps-API-.html">Cómo agregar una superposición de imágenes con V3 Maps API </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-la-acción-de-formulario-en-JavaScript-Select-.html">Cómo cambiar la acción de formulario en JavaScript Select </a></dd> </dl> </div> <!--right--> <div class=rightmain> <div class=esrightlist> <div class=e1>Los últimos artículos de equipo</div> <ul> <li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-cambiar-el-texto-de-un-rollover-.html" >Cómo cambiar el texto de un rollover </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/5-Usos-de-JavaScript-.html" >5 Usos de JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Literales-de-cadena-en-JavaScript-Encoding-.html" >Literales de cadena en JavaScript Encoding </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Reglas-para-el-juego-de-cartas-Canasta-.html" >Reglas para el juego de cartas Canasta </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-hacer-que-su-propia-función-en-jQuery-.html" >Cómo hacer que su propia función en jQuery </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-crear-texto-HTML-Desde-Javascript-Variable-.html" >Cómo crear texto HTML Desde Javascript Variable </a> </li> </ul> </div> <div class=esrightlist> <div class=e1>Artículos de la popular computadora</div> <ul> <li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-configurar-Apache-para-Javascript-.html" >Cómo configurar Apache para Javascript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-navegar-de-ventana-modal-jQuery-a-otra-página-.html" >Cómo navegar de ventana modal jQuery a otra página </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-girar-texto-de-Licenciado-en-JavaScript-.html" >Cómo girar texto de Licenciado en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Java-script-Solución-de-problemas-.html" >Java script Solución de problemas </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-Obtener-el-código-fuente-de-un-elemento-de-imagen-con-JavaScript-.html" >Cómo Obtener el código fuente de un elemento de imagen con JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/Cómo-establecer-el-tamaño-de-una-imagen-en-HTML-.html" >Cómo establecer el tamaño de una imagen en HTML </a></li> </ul> </div> <div class="esrightad"> <script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script> </div> <div class=esrightlist> <div class=e1>Más categorías</div> <ul> <li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li> <li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li> <li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li> <li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li> <li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li> </ul> </div> </div> <!--right end--> <div class="cl"></div> </div> <div class=esfoot> <div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div> </div> </body> </html>