Script Java para qué sirve. Añadiendo un cambio de imagen. ¿Qué es él exactamente?

JavaScript es un lenguaje de programación que agrega interactividad a su sitio web (por ejemplo: juegos, respuesta al hacer clic en botones o al ingresar datos en formularios, estilos dinámicos, animación). Este artículo le ayudará a empezar a utilizar este apasionante lenguaje y le dará una idea de lo que puede hacer.

¿Qué es JavaScript en realidad?

Nota: La razón por la que colocamos el elemento al final del archivo HTML es porque el navegador carga los elementos HTML en el orden en que aparecen en el archivo. Entonces, si JavaScript se carga primero y necesita interactuar con el HTML que se encuentra debajo, fallará porque JavaScript se cargará antes que el HTML con el que necesita interactuar. Por lo tanto, colocar JavaScript en la parte inferior de la página HTML se considera la mejor estrategia.

¿Qué pasó?

Entonces el título de tu texto se cambió a "¡Hola mundo!" utilizando JavaScript. Hicimos esto llamando a querySelector(), tomando una referencia a nuestro encabezado y almacenándola en una variable llamada myHeading. Esto es muy similar a lo que hicimos en CSS con selectores. Si desea hacer algo con un elemento, primero debe seleccionarlo.

Después de esto, establece el valor de la variable myHeading en la propiedad textContent (que representa el contenido del encabezado) en "¡Hola mundo!".

Curso intensivo sobre conceptos básicos del idioma.

Echemos un vistazo a algunas características básicas del lenguaje JavaScript para que comprenda mejor cómo funciona todo. Además, estas características son comunes a todos los lenguajes de programación. Si puedes comprender estos conceptos básicos, ¡podrás comenzar a programar como si nada hubiera pasado!

variables

Nota: JavaScript distingue entre mayúsculas y minúsculas: myVariable es diferente de myvariable. Si tienes problemas en tu código, ¡revisa el caso!

Después de declarar una variable, puedes asignarle un valor:

MiVariable = "Bob";

Puede realizar ambas operaciones en la misma línea si lo desea:

Var miVariable = "Bob";

Puede obtener el valor simplemente llamando a la variable por su nombre:

MiVariable;

Después de establecer el valor de una variable, puedes cambiarlo más tarde:

Var miVariable = "Bob"; miVariable = "Steve";

Tenga en cuenta que las variables tienen diferentes tipos de datos:

Ejemplo de explicación de variableCadena Número Booleano Objeto
Una secuencia de texto llamada línea. Para indicar que este valor es una cadena, debe encerrarlo entre comillas. var miVariable = "Bob";
Números. Los números no tienen comillas alrededor. var miVariable = 10;
El valor es Verdadero/Falso. Las palabras verdadero y falso son palabras clave especiales en JS y no necesitan comillas. var miVariable = verdadero;
Una matriz que le permite almacenar múltiples valores en una sola referencia. var miVariable = ;
Puede acceder a cada elemento de la matriz de esta manera:
miVariable, miVariable, etc.
Básicamente, cualquier cosa. Todo en JavaScript es un objeto y se puede almacenar en una variable. Tenga esto en cuenta mientras aprende. var miVariable = document.querySelector("h1");
Todo esto es de los ejemplos anteriores.

Entonces, ¿por qué necesitamos variables? Bueno, se suponía que las variables harían algo interesante en programación. Si los valores no pudieron cambiar, entonces no podrás hacer nada dinámico, como personalizar el mensaje de bienvenida o cambiar la imagen que se muestra en la galería de imágenes.

Comentarios

Puedes poner comentarios en código JavaScript, tal como lo hiciste en CSS:

/* Todo lo que hay aquí es un comentario. */

Si su comentario no contiene saltos de línea, suele ser más fácil utilizar dos barras diagonales, como esta:

// Este es un comentario

Operadores

Nota: Mezclar tipos de datos puede generar algunos resultados inesperados al realizar cálculos, así que tenga cuidado de hacer referencia a sus variables correctamente para obtener los resultados esperados. Por ejemplo, ingresa "35" + "25" en tu consola. ¿Por qué no obtuviste el resultado que esperabas? Debido a que las comillas convirtieron los números en cadenas, terminó con la concatenación de cadenas en lugar de la suma de números. Si ingresa 35 + 25 obtendrá el resultado correcto.

Términos

Las condiciones son estructuras de código que le permiten probar si una expresión es verdadera o falsa y luego ejecutar otro código según el resultado. La forma más común de condición se llama si... si no. Por ejemplo:

Var iceCream = "chocolate"; if (iceCream === "chocolate") ( alert("¡Sí, me encanta el helado de chocolate!"); ) else ( alert("Awwww, pero el chocolate es mi favorito..."); )

La expresión dentro de if (...) es una prueba que utiliza el operador de identidad (como se describe arriba) para comparar la variable iceCream con la cadena de chocolate y ver si son iguales. Si esta comparación devuelve verdadero, se ejecutará el primer bloque de código. De lo contrario, se omitirá este código y se ejecutará el segundo bloque de código, después de la instrucción else.

Funciones Eventos

Para crear una verdadera interactividad en un sitio web, necesita eventos. Los eventos son un marco que escucha lo que sucede en el navegador y luego le permite ejecutar código en respuesta. El más obvio es el evento de clic, que el navegador activa cuando hacemos clic en algo con el mouse. Para demostrar este evento, ingrese el siguiente comando en su consola y luego haga clic en la página web actual:

Document.querySelector("html").onclick = function() ( alert("¡Ay! ¡Deja de pincharme!"); )

Hay muchas formas de adjuntar un evento a un elemento. Aquí seleccionamos el elemento y configuramos su controlador de propiedad onclick en una función anónima (es decir, sin nombre) que contiene el código que queremos ejecutar en el evento de clic.

tenga en cuenta que

Document.querySelector("html").onclick = función() ();

equivalente

Var miHTML = document.querySelector("html"); myHTML.onclick = función()();

Es simplemente más corto.

Actualicemos nuestro ejemplo de sitio web

Ahora que hemos cubierto algunos conceptos básicos de JavaScript, agreguemos algunas funciones interesantes y livianas a nuestro sitio de ejemplo para darle una idea de cómo funciona.

Agregar un cambio de imagen

En esta sección, agregaremos otra imagen a nuestro sitio y agregaremos algo de JavaScript simple para cambiar entre las dos imágenes cuando se haga clic en ellas.

  • En primer lugar, busque otra imagen que le gustaría mostrar en su sitio. Asegúrese de que tenga el mismo tamaño que su primera imagen o lo más cerca posible de ella.
  • Guarde la imagen en su carpeta de imágenes.
  • Cambie el nombre de esta imagen a "firefox2.png" (sin las comillas).
  • Vaya a su archivo main.js e ingrese el siguiente JavaScript. (Si su JavaScript "hola mundo" aún existe, elimínelo). var myImage = document.querySelector("img"); myImage.onclick = function() ( var mySrc = myImage.getAttribute("src"); if(mySrc === "images/firefox-icon.png") ( myImage.setAttribute("src","images/firefox2. png"); ) else ( myImage.setAttribute("src","images/firefox-icon.png"); ) )
  • Guarde todos los archivos y cargue index.html en su navegador. ¡Ahora, cuando hagas clic en la imagen, debería cambiar a otra cosa!
  • Entonces guardamos una referencia a nuestro elemento. en la variable miImagen. A continuación, creamos un controlador de eventos onclick con una función anónima para esta variable. Ahora, cada vez que se hace clic en este elemento de imagen:

  • Obtenemos el valor del atributo src de la imagen.
  • Usamos una condición para verificar el valor src y ver si la ruta a la imagen original es igual a:
  • Si es así, cambiamos el valor src a la ruta a la segunda imagen, lo que hace que la otra imagen se cargue dentro del archivo .
  • Si no es así (lo que significa que ya debe haber cambiado), cambiamos el valor de src , volviendo a la ruta de la imagen original como estaba en primer lugar.
  • Agregar un mensaje de bienvenida personal

    A continuación, agregaremos otro código para cambiar el título de la página a un mensaje de bienvenida personalizado cuando el usuario acceda al sitio por primera vez. Este mensaje de bienvenida se guardará cuando el usuario abandone el sitio y luego regrese; lo guardaremos usando . También incluiremos la posibilidad de cambiar el usuario y, por tanto, el mensaje de bienvenida, en cualquier momento que sea necesario.

  • En index.html, agregue la siguiente línea antes del elemento: Cambiar usuario
  • En main.js, agregue el siguiente código al final del archivo, exactamente como está escrito: tomará referencias al nuevo botón y título, y los almacenará en variables: var myButton = document.querySelector("button"); var miEncabezado = document.querySelector("h1");
  • Ahora agregue la siguiente función para configurar un saludo personalizado; no hará nada, pero la usaremos más adelante: function setUserName() ( var myName = Prompt("Por favor, ingrese su nombre."); localStorage.setItem(" name", myName ); myHeading.innerHTML = "Mozilla es genial, " + myName ) Esta función contiene una función Prompt() que llama a un cuadro de diálogo, un poco como alert() excepto que Prompt() le pide al usuario que ingrese cierta información. y los guarda, estos datos están en una variable después de que el usuario hace clic en Aceptar. En este caso, le pedimos al usuario que ingrese su nombre. A continuación, llamamos a una API llamada localStorage, que nos permite almacenar datos en el navegador y recuperarlos más tarde. Usamos la función setItem() de localStorage para crear y almacenar datos en una propiedad llamada "nombre", y establecemos este valor en la variable myName, que contiene el nombre ingresado por el usuario. Al final configuramos el contenido de texto del título como una cadena y el nombre de usuario.
  • Luego agregue un bloque if... else; podríamos llamar a este código de inicialización ya que estructura la aplicación cuando se carga por primera vez: if(!localStorage.getItem("name")) ( setUserName(); ) else ( var almacenadoName = localStorage .getItem("name"); myHeading.innerHTML = "Mozilla es genial, " + almacenadoName ) Este bloque primero usa el operador de negación (NO lógico, representado como!) para verificar si los datos en el elemento de nombre existen. De lo contrario, se ejecuta la función setUserName() para crearlos. Si los datos existen (es decir, el usuario los configuró en una visita anterior), recuperamos el nombre almacenado usando getItem() y configuramos el textContent del título para que sea la cadena más el nombre de usuario, tal como lo hicimos dentro de setUserName().
  • Finalmente, configure un controlador de eventos onclick para el botón. Cuando se hace clic en el botón, se ejecuta la función setUserName(). Esto permite al usuario establecer un nuevo nombre cuando lo desee haciendo clic en un botón: myButton.onclick = function() ( setUserName(); )
  • Ahora, cuando visite el sitio por primera vez, le pedirá un nombre de usuario y luego le proporcionará un mensaje personalizado. Puede cambiar el nombre en cualquier momento haciendo clic en el botón. Como beneficio adicional, dado que el nombre se almacena dentro de localStorage, persiste después de que se cierra el sitio, ¡y al mismo tiempo mantiene un mensaje personalizado la próxima vez que abra el sitio!

    Conclusión

    JavaScript es un tipo especial de lenguaje de programación que se basa en representaciones de objetos del navegador. Es necesario para proporcionar un sitio con mayor interactividad que los documentos HTML estáticos convencionales. Por ejemplo, en la interfaz de usuario habrá la posibilidad de implementar imágenes cambiantes, una línea progresiva del contenido de texto y mucho más. Por eso es importante saber cómo habilitar JavaScript en Firefox y otros navegadores.

    JavaScript se diferencia en que el texto de los desarrollos de software está incrustado en documentos HTML y los propios navegadores lo analizan. JavaScript es un lenguaje para programar scripts en páginas web.

    Tipos de diferencias entre JavaScript y Java

    Conociendo la designación del término JavaScript, muchos usuarios confunden indiscriminadamente este tipo de término con otro concepto: Java. Aunque los idiomas son similares por sus nombres, tienen diferentes tipos de significados. Los principales tipos de diferencias están en la dificultad y en la cantidad de tipos avanzados de oportunidades. Antes de aprender cómo habilitar JavaScript en su navegador, debe comprender sus características.

    La implementación de "JavaScript" es más gratuita en comparación con Java. Por ejemplo, las conversiones de tipos de datos se producen de la forma más sencilla. Además, el programador no necesitará compilar el código inicial del desarrollo del software en el lenguaje JavaScript, es decir, es un tipo de lenguaje interpretado.

    ¿Cómo funciona esto en JavaScript y Java? En JavaScript, el programa procesa una línea tras otra, informando sobre errores se emite después de cada línea leída, si los hay. En Java, el compilador muestra este tipo de información después de leer el texto completo del diseño del software.

    Antes de habilitar JavaScript, tenga en cuenta que no pretende reemplazar el lenguaje de programación Java. Lo mejor es utilizar el primer tipo de lenguaje como complemento del segundo.

    ¿Por qué se necesita JavaScript?

    Con soporte de JavaScript, es posible crear tipos de documentos HTML dinámicos. Las vistas estáticas de páginas HTML son cosa del pasado. "JavaScript" conecta todos los componentes básicos de las aplicaciones en un solo todo. En otras palabras, sirve como constructor de bases, realizando comprobaciones en los campos del formulario HTML hasta que se envían al servidor. Saber cómo habilitar JavaScript en Firefox y otros navegadores es fundamental para que funcionen correctamente en línea.

    La gestión de los desarrollos de software en este lenguaje de programación se realiza mediante la entrada local de datos de comunicación. Los usuarios tienen la oportunidad de observar en varias ventanas los tipos de mensajes de advertencia que se muestran con soporte de JavaScript.

    ¿Qué es un error de JavaScript y cómo ejecutar JavaScript?

    Comencemos con el hecho de que JavaScript permite agregar varios servicios interactivos a cualquier sitio web, agregar de forma segura votaciones (encuestas) y contenido similar sin el riesgo de recargar innecesariamente la página. En estos casos, los tipos de scripts ayudan significativamente a ahorrar tráfico de usuarios, le permiten dibujar gráficos de alta calidad, crear tipos de galerías con imágenes y realizar muchas otras funciones útiles. Pero luego, para ejecutar tipos de scripts, primero debes activarlos.

    A continuación, debe recordar los tipos habituales de problemas de los usuarios de la red. Recientemente, ha habido un aumento en las situaciones en las que una persona, después de visitar su página en una red social, encuentra mensajes de error en la parte superior de las ventanas: "Error de JavaScript", "JavaScript no está habilitado", "JavaScript debe estar habilitado". habilitado para que el sitio funcione correctamente”. En tales casos, los usuarios tienen problemas para subir fotos y vídeos a la red social.

    Cómo habilitar JavaScript en Firefox

    De hecho, el método para ejecutar scripts es muy sencillo, sólo requiere unos pocos pasos básicos que incluso los usuarios más inexpertos pueden realizar. Las instrucciones paso a paso son las siguientes:

    • Primero necesitas iniciar tu navegador personal Mozilla Firefox;
    • luego de eso, abra las opciones del navegador, luego haga clic en el botón correspondiente en forma de tres líneas paralelas al lado de la línea de introducción;
    • ahora se ha abierto frente a ti una ventana enorme con muchas pestañas; el que necesitas se llama “Contenido”, haz clic en él;
    • entonces es aún más sencillo: busque la línea "Usar JavaScript" y marque la casilla junto a ella;
    • Haga clic en "Aceptar" y reinicie su navegador personal.

    En este punto, las instrucciones sobre cómo habilitar JavaScript en Firefox pueden considerarse completas.

    Deshabilitar JavaScript

    En consecuencia, si ya no es necesario utilizar JavaScript, puede desactivar este tipo de función de la misma forma que se describe anteriormente. Para hacer esto, vaya también a "Configuración" - "Contenido", desmarque la casilla junto a "Usar JavaScript". ¡Listo!

    Además, si su navegador Mozilla Firefox se ha actualizado a la última versión, sería bueno comprobar si la configuración se ha perdido después de las actualizaciones, ya que esto sucede a veces. También vale la pena señalar que casi todos los tipos de redes sociales utilizan tipos de formularios interactivos, por lo que sin los tipos de scripts incluidos, no será posible ver las páginas en su totalidad.

    Es posible que los mensajes, alertas y debates dejen de estar disponibles. A veces ocurren fallas, y si algunos tipos de secciones en las redes sociales de repente se vuelven inaccesibles, pero al mismo tiempo se activan tipos de scripts en el navegador, intente apagarlos y luego encenderlos nuevamente. Quizás este método resuelva el problema. De lo contrario, siempre existe la opción de restablecer las opciones al estándar. ¿Cómo habilitar JavaScript en Internet Explorer y otros navegadores? Asimismo.

    El lenguaje de programación JavaScript es un lenguaje de programación orientado a objetos desarrollado originalmente por Netscape Communications con el nombre de LiveScript, pero luego renombrado como "JavaScript" y en términos de sintaxis más cercano al Java de Sun Microsystems. Posteriormente, ECMA estandarizó JavaScript con el nombre ECMAScript. Microsoft llama a sus versiones JScript.

    El cambio de nombre de LiveScript a JavaScript se produjo casi al mismo tiempo que Netscape incluyó soporte para la tecnología Java en el navegador Netscape Navigator. Este cambio ha creado mucha confusión en las mentes de quienes aprenden a programar para principiantes. No existe una conexión real entre Java y JavaScript; sus similitudes comienzan y terminan en una sintaxis similar y en el hecho de que ambos lenguajes se utilizan ampliamente en Internet.

    JavaScript es un lenguaje de programación orientado a objetos que interactúa a través de una interfaz llamada Modelo de objetos de documento (DOM) con contenido que se puede ejecutar en el lado del servidor (servidores web) y en el lado del cliente en el navegador web del usuario cuando visualiza páginas web. Muchos sitios web utilizan tecnologías JavaScript del lado del cliente para crear potentes aplicaciones web dinámicas en programación para principiantes. Puede usar Unicode y puede usar el poder y la fuerza de las expresiones regulares (esto se introdujo en la versión 1.2 de Netscape Navigator 4 e Internet Explorer 4). Las expresiones JavaScript contenidas como una cadena se pueden ejecutar utilizando la función EVAL.

    Una de las principales tareas de JavaScript son las pequeñas funciones integradas en las páginas HTML que le permiten interactuar con el DOM desde el navegador para realizar ciertas tareas que no son posibles en HTML estático: como abrir una nueva ventana, validar valores ingresados un formulario, cambiar la imagen al pasar el mouse, etc. Desafortunadamente, escribir tales funciones es bastante tedioso porque los navegadores no están estandarizados, diferentes navegadores pueden crear diferentes objetos o métodos de secuencias de comandos, por lo que a menudo hay que escribir diferentes versiones de una función JavaScript para diferentes navegadores, pero esto no es muy conveniente cuando se aprende el conceptos básicos de programación.

    JavaScript/ECMAScript es compatible con motores como:

    • Rinoceronte
    • mono araña

    Ambiente

    El comentario de marcado es necesario para garantizar que el código no se muestre como texto en navegadores que no reconocen el archivo .

    Sin embargo, las etiquetas en documentos XHTM/XML no funcionarán si están comentadas. Los navegadores modernos que admiten XHTML y XML están lo suficientemente bien diseñados para reconocer archivos , por lo que el código de estos documentos permanece sin comentar.

    Un elemento HTML puede generar eventos internos a los que se puede conectar un controlador de script. Para crear un documento HTML 4.01 válido, debe insertar la instrucción de enlace de secuencia de comandos predeterminada adecuada en la sección del encabezado del documento.

    Elementos del lenguaje

    variables

    Las variables generalmente se escriben dinámicamente. Las variables se definen simplemente asignándoles un valor o utilizando el operador "var". Las variables declaradas fuera de una función tienen un alcance "global", visibles en toda la página web; las variables declaradas dentro de una función son locales para esa función. Para pasar variables de una página a otra, el desarrollador puede configurar una "cookie" o utilizar un marco o ventana oculto en segundo plano para almacenarlas.

    Estructuras de datos

    El tipo principal es una estructura de datos de matriz asociativa similar a los hashes en el lenguaje de programación Perl o los diccionarios Python, Postscript y Smalltalk.

    Se puede acceder a los elementos mediante números o nombres asociativos (si se han definido). Por tanto, las siguientes expresiones pueden ser todas equivalentes:
    mi matriz,
    miArray.norte,

    miArray["norte"].

    Declaración de matrices

    Las matrices se implementan de modo que sólo ciertos elementos (no vacíos) utilicen memoria, ellos "descargan las matrices". Si configuramos el conjunto myArray = "algo allí" y myArray = "algo más allí", entonces habremos usado espacio solo para estos dos elementos.

    Objetos

    JavaScript tiene varios tipos de objetos integrados, a saber, objetos, matrices, cadenas, números, booleanos, funciones, fechas y matemáticas. Otros objetos pertenecen a objetos DOM (ventanas, formularios, enlaces, etc.).

    Al definir funciones constructoras, puede definir objetos. JavaScript es un lenguaje orientado a objetos basado en prototipos. Puede agregar propiedades y métodos adicionales a objetos individuales una vez creados. Para hacer esto, puede usar una declaración prototipo para todas las instancias de un tipo particular de objeto.

    Ejemplo: crear un objeto
    // función constructora

    Función MiObjeto(atributoA, atributoB) ( this.attributeA = atributoA this.attributeB = atributoB )
    // Crea un objeto
    obj = nuevo MiObjeto("rojo", 1000)

    // Acceder a un atributo de objeto
    alerta (obj.atributoA)

    // Atributo de acceso con designación de matriz asociativa
    alerta(obj["atributoA"])

    La jerarquía de objetos se puede reproducir en JavaScript. Por ejemplo:

    Función Base() ( this.Override = _Override; this.BaseFunction = _BaseFunction; función _Override() ( alerta("Base::Override()"); ) función _BaseFunction() ( alerta("Base::BaseFunction()" ); ) ) función Derive() ( this.Override = _Override; función _Override() ( alerta("Derive::Override()"); ) ) Derive.prototype = nueva Base(); d = nueva derivación(); d.Anular(); d.BaseFunction();

    Como resultado, aparece en la pantalla: Derive::Override() Base::BaseFunction()

    Instrucciones de control
    Si... sino si (condición) (declaraciones)
    Ciclos
    while (condición) (declaraciones) Do... while do (declaraciones) while (condición); Bucle For para (; ; ) ( declaraciones ) Bucle For ... en
    Este bucle recorre todas las propiedades de un objeto (o elemento en una matriz)
    para (variable en objeto) (declaración)

    Operador de selección
    cambiar (expresión) (etiqueta de caso1: declaraciones; ruptura; etiqueta de caso2: declaraciones; ruptura; predeterminado: declaraciones;)

    Funciones
    El cuerpo de la función está contenido en (el cuerpo puede estar vacío) y la lista de argumentos se indica dentro de () después del nombre de la función. Las funciones pueden devolver un valor después de la ejecución.

    Función(arg1, arg2, arg3) (declaraciones; expresión de retorno;)

    Como ejemplo, veamos una función basada en el algoritmo del máximo común divisor euclidiano:

    Función mcd(a, b) ( while (a != b) ( if (a > b) ( a = a - b; ) else ( b = b - a; ) ) devuelve a; )

    El número de argumentos al llamar a una función determinada no necesariamente tiene que proporcionar tantos argumentos como se especificaron cuando se declaró la función. En una función, también se puede acceder a los argumentos a través de una matriz de argumentos.

    Cada función es una instancia de una función, un tipo base de objeto. Las funciones se pueden crear y asignar como cualquier otro objeto:

    Var myFunc1 = nueva función ("alerta ("Hola")"); var miFunc2 = miFunc1; miFunc2();

    Resultado en pantalla:

    Interacción del usuario

    La mayor parte de la interacción del usuario se realiza mediante formularios HTML, a los que se puede acceder a través del DOM HTML. Sin embargo, también existen algunos medios muy sencillos de comunicarse con el usuario:

    Cuadro de diálogo de alerta
    Confirmar cuadro de diálogo
    Líneas de diálogo
    barra de estado
    Consolas

    Los elementos de texto pueden ser el origen de varios eventos, que pueden desencadenar acciones si se registra un controlador de eventos EMCAScript. En HTML, estas funciones de controlador de eventos a menudo se definen como funciones anónimas directamente en las etiquetas HTML.

    JavaScript es un lenguaje de programación que está integrado en el código html de las páginas web para aumentar la funcionalidad del sitio. Javascript fue desarrollado por Netscape en colaboración con Sun Microsystems basándose en el lenguaje Java de Sun. Los scripts se ejecutan en el lado del cliente, aunque inicialmente Liveware, el progenitor de Java Script, era un lenguaje de programación del lado del servidor.
    Con JavaScript se pueden crear hermosas páginas web interactivas, algo que no se puede hacer en HTML puro. Normalmente, los scripts se ejecutan después de que el usuario realiza alguna acción: pasar el cursor, hacer clic, etc. secuencia de comandos Java También se puede ejecutar cuando se carga una página web.

    Puede escribir un script Java utilizando cualquier editor de texto: Notepad, Notepad++, Dreamweaver. En este último, además del resaltado de código y sugerencias, se implementa una verificación de sintaxis para escribir javascript. Pero para ello es necesario conocer el lenguaje, el principio de escritura de funciones, métodos, propiedades, etc. navegador capaz de procesar scripts Java Por ejemplo, Mozilla Firefox con un complemento Firebug incorporado, con el que puede ver el trabajo de JavaScript y Microsoft Internet Explorer (ya que estos dos navegadores perciben JavaScript de manera diferente).
    Por cierto, no todos los scripts se muestran igual en los navegadores. La mayoría de los scripts Java que se pueden descargar de forma gratuita en Internet no son compatibles con el navegador Opera hasta la versión 12.16. Al mismo tiempo, el trabajo de JS no depende en modo alguno del sistema operativo: ya sea Android, iOS, Windows u otros.

    Descargue el código JavaScript listo para usar.

    A continuación se muestran scripts Java ya preparados que puede
    descárgalas completamente gratis y decora tu sitio web con ellas.

    Alojamiento javascript.

    El código Javascript se puede colocar en la propia página o en un archivo separado.


    Un ejemplo de cómo colocar código Javascript listo para usar dentro de HTML.

    Los scripts escritos en javascript se pueden ubicar en la propia página html entre etiquetas, que a su vez generalmente se encuentran dentro de las etiquetas. La etiqueta debe tener un único parámetro "tipo", que indica el tipo de escritura del script:

    En teoría, las etiquetas también pueden ubicarse en el cuerpo del documento (en etiquetas). Este escenario se ejecutará cuando el navegador "lea" la página hasta este punto (hasta las etiquetas).

    Si no lo sabes idioma Javaguion, luego puede descargar el código de script listo para usar de forma gratuita y colocarlo como se describe arriba en su sitio web.

    Un ejemplo de cómo colocar código Javascript ya preparado en un archivo separado.

    Creamos una página en cualquier editor de texto y la guardamos como ....... .js. A continuación, descargue el código Javascript terminado y colóquelo en esta página. Lo guardamos en la misma carpeta que el HTML. Ahora necesitas conectar el script Java a la página html. Para hacer esto, haga la entrada apropiada en el archivo HTML:


    src="ruta al archivo.... .js".
    Ahora solo queda llamar a la función en el lugar correcto de la página web, que describe las acciones necesarias.

    nombre de la función: ejecutada cuando se carga la página

    enlace: javascript se ejecutará cuando se haga clic en el enlace.

    evento en carga

    El evento ocurre después de cargar cualquier elemento de la página.

    evento al hacer clic

    El evento ocurre después de un clic del mouse.

    evento onMouseover

    El evento ocurre cuando el cursor pasa sobre un objeto de página específico.

    evento onMouseout

    El evento ocurre cuando el cursor del mouse se aleja del objeto.


    Hoy en día, probablemente no exista ningún sitio web que no esté escrito en javascript.

    El uso de este script se ha vuelto tan popular que ahora es simplemente imposible prescindir de él. Las únicas personas más populares y famosas que JavaScript hoy en día son probablemente Paris Hilton y McDonalds.

    ¿Qué es él exactamente?

    Javascript es un lenguaje de programación diseñado para crear páginas web interactivas. Funciona tal cual, sin necesidad de compilación, sino simplemente conectándose a la página HTML. No debe confundirse con Java; incluso si los nombres de estos dos idiomas son similares, esto no significa que estén relacionados funcionalmente. De hecho, está mucho más cerca, por ejemplo, de Ruby o Python, pero tiene su propio estándar ECMAScript y, por lo tanto, todavía está separado de ellos.

    Qué puede hacer Javascript

    Javascript puede hacer mucho; por ejemplo, puede usarse para cambiar fácilmente los estilos de los elementos, eliminar etiquetas o agregar otras nuevas. En este caso, puede configurar la función de tal manera que el script reaccione a ciertos eventos, ya sea clics del mouse o de las teclas, o comience a actuar por sí solo después de un tiempo después de la carga. Y con AJAX puedes obtener datos actualizados sin volver a abrir la página.

    Javascript es capaz de configurar y leer cookies, mostrar mensajes, ventanas, validar datos y mucho, mucho más. Factótum.

    Javascript tiene tres ventajas principales, incluida, por ejemplo, la accesibilidad (al aprender los conceptos básicos de JavaScript, podrá comprender fácilmente la mayoría de ellos y mejorar siempre sus habilidades); soporte universal (son compatibles con casi cualquier entorno informático; cualquier computadora moderna es capaz de hacerlo), así como una integración completa con el navegador, lo que hace que JavaScript sea aún más conveniente y fácil de usar.

    Como ejemplo, podemos citar tecnologías como VBScript, XUL y ActiveX: no son compatibles con todos los navegadores y sólo funcionan en un entorno determinado.

    Y por supuesto, no debemos olvidarnos de la velocidad y eficiencia de JavaScript, que hace que muchos lenguajes de programación palidezcan en comparación.

    Vale la pena señalar que incluso ahora esta tecnología continúa desarrollándose y a un ritmo rápido: ¡solo hay tiempo para mantenerse al día! Y pronto se creará un nuevo intérprete junto con la tecnología javascript 2.

    Ventajas

    JavaScript tiene muchas ventajas; de lo contrario, no se utilizaría de forma tan activa. Se ganó el amor de los usuarios por una razón. Se considera que una de sus principales ventajas es la interactividad, razón por la cual la mayoría de los sitios están escritos en este idioma. Esto se consigue gracias a la herramienta AJAX, y con su ayuda los datos se actualizarán solos, sin interacción del usuario. Esto es muy conveniente, por ejemplo, en los sitios web de sistemas de pago. Esto será muy útil para los usuarios que no son los más experimentados: una ayuda real del propio script que utiliza. ¿Qué podría ser mejor?

    Ahora te contaré un poco sobre la estructura de este lenguaje.
    • JavaScript tiene varias características, incluidas las siguientes:
    • Los identificadores distinguen entre mayúsculas y minúsculas;
    • Los nombres de las variables pueden incluir el símbolo "$", guiones bajos, números (pero no pueden comenzar con ellos) y letras;


    
    Arriba