“Conocimiento Programación>JavaScript Programación

Cómo hacer JavaScripts

2016/1/19
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/91076.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/91078.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/91161.html">Un ActiveX Javascript Tutorial </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90989.html">Cómo conseguir un atributo de JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91147.html">Cómo crear texto basado Browser Games </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91129.html">Cómo calcular en Java Script </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90831.html">Ventajas Jquery </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90762.html">¿Qué Javascript Void no puede abrir Mean </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91127.html">Cómo crear aplicaciones Silverlight con JavaScript </a></dd><dd><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90944.html">Cómo utilizar JavaScript para mostrar Prime Factors </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/90997.html" >Cómo escribir una Div. De JavaScript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91154.html" >Cómo dibujar un gráfico circular Usando Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91286.html" >Cómo hacer un Widget para el Dashboard con Dashcode </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91161.html" >Un ActiveX Javascript Tutorial </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91262.html" >Cómo cambiar el puntero del mouse Usando Javascript </a> </li><li><a href="http://www.ordenador.online/Programacion/JavaScript-Programación/259743.html" >Cómo habilitar o deshabilitar JavaScript en su navegador </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/91105.html" >Cómo cambiar una imagen de fondo en Rollover </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91039.html" >Cómo dividir cadenas en JavaScript </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91202.html" >Cómo establecer el tamaño de una imagen en HTML </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91285.html" >Cómo hacer un Widget </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/90869.html" >Funciones de JavaScript como un argumento de la función </a></li><li> <a href="http://www.ordenador.online/Programacion/JavaScript-Programación/91008.html" >Cómo hacer un Div Pop -up </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>Conocimiento de la computadora © http://www.ordenador.online</div> </div> </body> </html>