Código de página web

Para que las páginas web sean interactivas y contengan más elementos activos, es necesario incorporar otras tecnologías en las páginas web. Tales como: Javascript, VBScript, Modelo de objetos de documento (módulo de objetos de documento), Capas y Hojas de estilo en cascada (CSS). Aquí hablamos principalmente de Javascript. Entonces, ¿qué es Javascript? Javascript es un nuevo lenguaje de programación nacido para satisfacer las necesidades de la producción dinámica de páginas web. Actualmente se utiliza cada vez más en la producción de páginas web de Internet. Javascript es un lenguaje de secuencias de comandos desarrollado por Netscape o un lenguaje de descripción. Basado en HTML, se pueden desarrollar páginas web interactivas utilizando Javascript. La aparición de Javascript permite una relación interactiva, dinámica y en tiempo real entre las páginas web y los usuarios, lo que hace que las páginas web contengan elementos más activos y contenido más interesante. La ejecución de programas escritos en Javascript requiere un navegador que admita el lenguaje Javascript. Los navegadores Netscape Navigator 3.0 y superiores pueden admitir programas Javascript, y los navegadores Microsoft Internet Explorer 3.0 y superiores básicamente admiten Javascript. Microsoft también tiene su propio Javascript desarrollado, llamado JScript. Javascript y Jscript son básicamente iguales, excepto por algunas diferencias en los detalles. Javascript es breve y conciso y se ejecuta en la máquina cliente, lo que mejora enormemente la velocidad de navegación y las capacidades interactivas de las páginas web. Al mismo tiempo, es un lenguaje de programación sencillo diseñado específicamente para crear páginas web.

Aunque los comportamientos de Dreamweaver pueden facilitarnos el uso de programas Javascript sin escribir código, una vez que comprendamos el método de programación Javascript por nosotros mismos, podremos aplicarlo de forma más cómoda y flexible, y también hacer El código Javascript es más conveniente y flexible. Mediante el análisis de una serie de programas típicos, este tema le permitirá dominar rápidamente las habilidades de programación de Javascript y sentar una base sólida para diseñar páginas web dinámicas de alta calidad. Antes de eso, primero comprendemos algunos conceptos básicos de Javascript.

1. Uso de Javascript en páginas web

Hay dos formas de agregar Javascript a páginas web:

1. Agregar documentos HTML directamente.

Este es el método más utilizado, la mayoría de las páginas web que contienen Javascript utilizan este método, como por ejemplo:

En este ejemplo, podemos ver una nueva etiqueta: , y no es fija y puede incluirse en ... o ......

2. Método de referencia Si ya existe un archivo fuente Javascript (con extensión js), puede utilizar este método de referencia para mejorar la utilización del código del programa. El formato básico es el siguiente:

La URL es la dirección del archivo del programa. Asimismo, dichas declaraciones pueden colocarse en el encabezado o en cualquier parte del cuerpo de un documento HTML. Si desea lograr el efecto del ejemplo dado en "Método de inserción directa", primero puede crear un archivo de código fuente Javascript "Script.js" con el siguiente contenido:

document.writeln("This es Javascript! Utilice el método de inserción directa ");

Puede llamar al programa en la página web de esta manera: .

2. Conceptos básicos de Javascript

Aquí solo daré una breve introducción, y explicaré detalladamente su función en los siguientes ejemplos.

1. Operadores

Los operadores son una serie de símbolos que completan operaciones. Hay siete categorías:

Operadores de asignación, operadores aritméticos, operadores de comparación, operadores lógicos. , operadores condicionales, operadores de manipulación de bits y operadores de cadena.

2. Expresión

La combinación de operadores y operandos se denomina expresión, que generalmente se divide en cuatro categorías: expresiones de asignación, expresiones aritméticas, expresiones booleanas y expresiones de cadena.

3. Declaraciones

Los programas Javascript se componen de varias declaraciones, y las declaraciones son instrucciones para escribir programas. Javascript proporciona un conjunto completo de declaraciones de programación básicas, que son:

declaración de asignación, declaración de selección de cambio, declaración de bucle while, declaración de bucle for, declaración de bucle do while, declaración de interrupción de bucle break y declaración de interrupción de bucle continuo.

4. Función

Una función es un segmento de declaración con nombre. Este segmento de declaración puede ser referenciado y ejecutado como un todo. Al utilizar funciones, preste atención a los siguientes puntos:

1) Las funciones se definen mediante la palabra clave function

2) Las funciones deben definirse antes de su uso; de lo contrario, se producirá un error;

3) El nombre de la función es el nombre citado al llamar a la función. Distingue entre mayúsculas y minúsculas. No puede escribir el nombre de función incorrecto al llamar a la función.

4) los parámetros representan los valores pasados ​​a la función para su uso u operación. Puede ser una constante o una variable;

5) La declaración return se utiliza para devolver el valor de la expresión, o no.

5. Objetos

Una función importante de Javascript es la función basada en objetos. A través de la programación basada en objetos se pueden programar programas de una forma más intuitiva, modular y reutilizable. .

Un conjunto de propiedades que contienen datos y métodos para operar con los datos contenidos en las propiedades se denomina objeto. Por ejemplo, si desea establecer el color de fondo de una página web, el objeto de destino es el documento y el nombre del atributo utilizado es bgcolop. Por ejemplo, document.bgcolor="blue" significa que el color de fondo es azul.

6. Eventos

Las operaciones que ocurren cuando el usuario interactúa con la página web se denominan eventos.

La mayoría de las cosas se activan mediante acciones del usuario. Por ejemplo, cuando el usuario presiona el botón del mouse, se genera un evento onclick. Si el puntero del mouse se mueve sobre el enlace, se genera un evento onmouseover, etc. En Javascript, los eventos se utilizan a menudo junto con controladores de eventos.

La manera más rápida y efectiva de aprender Javascript es primero familiarizarse con algunos conceptos básicos, luego encontrar algunos programas diseñados por otros, analizarlos cuidadosamente, luego hacer pequeños cambios y luego ver si puedes. Para lograr el propósito deseado, al hacer inferencias constantemente, no solo puede profundizar su comprensión de algunos parámetros y métodos de diseño, sino también mejorar rápidamente su propio nivel. Además, otro recordatorio: Javascript distingue entre mayúsculas y minúsculas, especialmente el uso de mayúsculas en algunos objetos, métodos y propiedades debe ser coherente. Debe desarrollar un buen hábito; de lo contrario, se agotará al depurar el programa.