Métodos de aprendizaje de scripts Java
Primero aprende los conceptos básicos de la gramática, que es algo similar al lenguaje VB. Puedes seguir los pasos a continuación:
1.
/*Esto también es un comentario*/
2 tipos de datos JavaScript
1. cadena: cadena Es una secuencia compuesta por una serie de caracteres. Incluya letras, números y signos de puntuación. Por supuesto, también pueden ser caracteres chinos, etc. En pocas palabras, representa información de texto.
2. Número: Los números se dividen en dos categorías: números enteros y números de punto flotante.
Los números enteros incluyen números enteros positivos, cero y enteros negativos.
Los números en JavaScript se pueden escribir en decimal, octal y hexadecimal. El método es el siguiente:
Decimal: 15 (simplemente escribe el número directamente)
Octal: 017 (usa cero como número inicial)
Hexadecimal: 0xf (use 0x como número inicial)
Los números de punto flotante también se denominan números reales. Por conveniencia, también se pueden expresar en notación científica:
1.13e1, 1.5 e3. (equivalente a 1,5 veces 10 elevado a la tercera potencia)
El rango numérico de JavaScript es aproximadamente de 10 elevado a menos 308 a 10 elevado a 308.
También hay un valor numérico especial NaN (no un número) en JavaScript. JavaScript usa nan para representar este resultado sin sentido.
3. Booleano: verdadero y falso En las computadoras, 1 se usa generalmente para representar verdadero y 0 para representar falso.
3. Uso del método alert():
alert("Mostrar cuadro de diálogo de advertencia en la página") ;
alert() es javascript que genera un cuadro de diálogo con un botón de confirmación, que muestra la información entre paréntesis.
4. Uso del método confirm():
confirm("Mostrar cuadro de diálogo de confirmación en la página") ;
confirm() es similar a alert(), la única diferencia es que hay un botón de cancelación adicional. Al presionar Aceptar se devuelve verdadero, al presionar Cancelar se devuelve falso.
var con;
con=confirm("¿Te gustan los tutoriales como este?");
if (con==true) alert("Me gusta");
else alert("No me gusta");
5. Uso del método Prompt():
var nombre, edad;
nombre=prompt(" ¿Qué es? ¿tu nombre?");
alert(nombre);
age=prompt("¿Cuántos años tienes?");
alert(age);
No solo puede mostrar información, sino también ingresar información.
6. Variables de JavaScript
Utilice var más el nombre especificado para la variable para declarar la variable. El tipo de variable se puede determinar asignando un valor a la variable. Dado que JavaScript adopta un estilo de tipo débil, tiene requisitos menos estrictos sobre los tipos de datos. Durante la ejecución del programa, se convertirá automáticamente según sea necesario.
Variable de cadena, puede obtener la longitud de la cadena en la variable a través de "nombre de variable.longitud", como
var nombre;
nombre= " javascript";
Entonces el valor de nombre.longitud es 10.
Al crear varias variables en una línea, recuerde separar los nombres de las variables con comas. Separe cada declaración con un punto y coma. (Es un buen hábito usar punto y coma. Intente desarrollar el hábito de agregar punto y coma cuando aprenda)
Conversión de tipo: JavaScript permite cambiar el tipo de variables en el programa. Los dos caracteres de conversión de tipo más comunes son. Número y cadena.
Número(x) es un valor de carácter——>tipo de valor numérico. La cuerda es lo contrario. En relación con la conversión automática de tipos de JavaScript, esta conversión se puede denominar conversión de tipos forzada. (La conversión de tipo forzada solo se puede utilizar en JavaScript 1.2 y superior)
Nombres de variables:
1. Debe comenzar con una letra o un guión bajo, y puede haber letras y números. y o en el medio Subrayado. No se pueden utilizar espacios, +, - ni otros símbolos.
A excepción de los guiones, los nombres de las variables no pueden tener espacios, (+), (-), (,) u otros símbolos.
2. No puedes utilizar palabras clave en JavaScript como variables.
(Los nombres de las variables de JavaScript distinguen entre mayúsculas y minúsculas, nombre y Nombre son diferentes.)
Hay otra importancia para las variables: el alcance de la variable. También hay variables globales y variables locales en JavaScript. Las variables globales se definen fuera de todos los cuerpos de la función y su alcance es la función completa; las variables locales se definen dentro del cuerpo de la función y solo son visibles para la función, pero no para otras funciones.
Si las variables locales y las variables globales tienen el mismo nombre, la variable local tiene prioridad. js no tiene alcance a nivel de bloque. Todas las variables declaradas en una función tienen el mismo alcance.
Reglas de tipo para variables
Javascript no está tipificado y sus variables pueden contener valores de cualquier tipo de datos.
Declaración de variables
En un programa JavaScript, debes declarar una variable antes de usarla. Las variables se declaran utilizando la palabra clave var. De hecho, no es necesario declarar la variable primero. En algunos casos, la declaración de variable es opcional.
var i;
var sum;
También puedes usar una palabra clave var para declarar múltiples variables
var i, sum; ;
También puede vincular la declaración de variable y la inicialización de variable:
var message = 'hello';
var i = 0, j= 0, k =0;
Las variables declaradas por var son permanentes, porque cada navegador tiene diferentes actitudes sobre si las variables globales se pueden eliminar (las variables locales se pueden eliminar) por razones de seguridad. Es mejor asumir que las variables globales no lo son. eliminable.
Puede usar var para declarar la misma variable varias veces. Cuando asigna un valor a una variable no declarada, js usará automáticamente qué variable creará una variable global para usted. Si desea crear una variable local dentro de una función. Luego se debe declarar dentro de la función usando var.
7. Expresiones y operadores de JavaScript
Expresión: después de definir las variables, puede realizar una serie de operaciones como asignación, cambio y cálculo sobre ellas. Este proceso suele ser. completado por expresiones, que se puede decir que son una colección de variables, constantes, booleanos y operadores. Por lo tanto, las expresiones se pueden dividir en expresiones aritméticas, expresiones de cadena, expresiones de asignación y expresiones booleanas, etc.
1. Operadores aritméticos: + (suma), - (resta), * (multiplicación), / (división), % (módulo) - (reemplazo), ++ (incremento en 1), – (disminuyendo en 1).
Ejemplo: 11%2=1; si x=2 ++x+4=7 x+++4=6 (++x significa sumar 1 primero, x++ significa x después de ejecutar la declaración In autoadición 1)
Ejemplo:
var i=0, j=0;
alert(i++ + ” ” + ++j + ” ” + i);
// Salida “0 1 1”, se puede ver que i++ primero genera i y luego realiza la operación, mientras que ++j primero opera en j Se realiza la operación de autoadición y luego se genera el valor de j
2. mayor que), <=(menor o igual que), >= (mayor o igual que), == (igual a),!= (no igual a)
(El proceso de operación básico es comparar primero sus operandos y luego devolver un valor verdadero o falso )
3 Operadores lógicos: ! (inverso), &= (asignación después de AND), & (Y lógico), |=. (asignación después de o), | (OR lógico), ^= (asignación después de OR exclusivo), ^ (OR exclusivo lógico), ?: (operador ternario), || , |= (no igual).
4. Operador de cadena: solo + (el resultado de "mi" + "javascript" es igual a "mi javascript")
5 Operador de asignación: =, cambie el derecho. El valor se asigna a la variable de la izquierda.
6. Operador condicional: (?:) Ejemplo: status=(age>=18)??"adult":"child"; si es mayor que 18, el valor de la expresión es adulto.
Operador 7.typeof(): se utiliza para devolver el tipo de variable o dato.
8. Declaración SI.
if (condición)
Segmento de declaración 1
else
Segmento de declaración 2
Función: expresión if Si la expresión es verdadera, se ejecutará el segmento de declaración 1; de lo contrario, se ejecutará el segmento de declaración 2;
Descripción:
La declaración if -else es la declaración de control más básica en JavaScript, a través de la cual se puede cambiar el orden de ejecución de las declaraciones.
Se deben utilizar declaraciones relacionales en la expresión para implementar el juicio y se evalúa como un valor booleano.
Convierte números cero y distintos de cero en falso y verdadero respectivamente.
Si la declaración después de if tiene varias líneas, debe estar entre llaves.
9. Uso de window.com()
1. Sintaxis básica
window.open(pageURL,name,parameters)
Entre ellos:
pageURL es la ruta de la subventana
nombre es el identificador de la subventana
parámetros son los parámetros de la ventana (cada parámetro está separado por comas)
2. Parámetros de ventana
Sí/no también puede usar 1/0; el valor es un valor específico en píxeles.
toolbar=yes,no Si se muestra la barra de herramientas
location=yes,no Si se muestra la barra de URL
directorios=yes,no Si se muestra la barra de navegación
p>
status=yes,no Si se muestra la barra de estado
menubar=yes,no Si se muestra el menú
scrollbars=yes,no Si se debe mostrar la barra de desplazamiento
resizable=yes,no Si se puede cambiar el tamaño de la ventana del anuncio
copyhistory=yes,no Si se debe mostrar el historial botón
ancho=valor El ancho de la ventana del anuncio
alto=valor La altura de la ventana del anuncio
left=value El vértice superior izquierdo del anuncio la ventana está a 100 píxeles del lado izquierdo de la pantalla
top=value El vértice superior izquierdo de la ventana de anuncio está a 100 píxeles de la parte superior de la pantalla
Ejemplo:
window.open(”00000.html”,”newwindow ","toolbar=no,ubicación= no,directorios=no,estado=no,barra de menú=no,
barras de desplazamiento=no,resizable=no,copyhistory=no,ancho=500,alto=500, izquierda=100,arriba=100″) //–>
10 bucle for. La otra cosa es el tipo de datos. Ambos para in
Convertir una cadena en un valor numérico:
El lenguaje JavaScript proporciona dos funciones integradas para convertir cadenas que representan valores numéricos en valores numéricos reales: parseInt() y parseFloat() .
Para utilizar estas funciones, la cadena convertida debe pasarse a la función como parámetro, por ejemplo:
parseInt(”42″) //result=42
parseInt(”42.33″) //result=42
Pero ya sea un número de punto flotante o un número entero, los valores devueltos por la función son todos números enteros. No hay redondeo, el punto decimal y los dígitos posteriores se descartan.
ParseFloat() devuelve un número de punto flotante (si es un número entero, devuelve un número entero), por ejemplo:
parseFloat(”42″) //result=42 p>
parseFloat("42.33") //result=42.33
Si necesita convertir una cadena en algún lugar, simplemente inserte la función al principio.
Por ejemplo:
3+3+parseInt(”3″) //result=9
Convierte el valor en una cadena:
Aunque cuando la expresión se encuentra Cuando la fórmula contiene tipos de datos mixtos, js preferirá cadenas. Pero para evitar posibles problemas, es mejor convertir primero lo siguiente. El valor se puede convertir en una cadena agregando una cadena vacía al valor:
(””+2500) //result=”2500″
(””+2500) .length //result=4
Bucle for:
La estructura de bucle más utilizada en JavaScript se llama bucle for y la palabra clave se coloca al principio de la estructura del bucle. . La estructura de sintaxis formal es la siguiente:
for ([expresión inicial];[condición];[expresión de actualización]){
declaración[s] dentro del bucle
}
Ejemplo:
for(var i=0;i<9;i++)
{
n+=i
myfunc(n)
}
for...in loop:
Esta declaración determina el número de ejecuciones basándose completamente en el valor establecido en la variable var.
Puede crear un bucle sobre un objeto o una matriz usando la instrucción for...in
for(var in [obj | array])
{
declaraciones
}
Ejemplo:
document.write("Las propiedades del objeto de documento" )
for(elemento var en el documento){
document.write(element+”="+document[elemento])
} p>
11. Eventos del mouse
El contenido principal son eventos basados en el mouse, que incluyen los siguientes tipos:
1 .mouseover (mouseover) Mover a)
2.mouseout (mouse out)
3.mousemove (mouse mouse)
4.mousedown (mouse down)
5.mouseup (ratón arriba)
6.click (clic)
7.dblclick (doble clic)
Ejemplo :
función text_onmouseover(){
mytext.style.fontSize=”30pt”;
mytext.style.color=”rojo”;
mytext.style.fontStyle=”italic”;
}
función text_onmouseout(){
mytext.style.fontSize=”20pt” ;
mytext.style.color=”azul”;
mytext.style.fontStyle=”normal”;
}
p>
Mira los cambios en el estilo de fuente
html>
8.evento mouseDown y evento mouseUp
Como todos sabemos, la combinación del evento mouseDown y el evento mouseUp es un evento de clic, pero si presiona el mouse en el enlace, muévalo fuera del enlace y suelte el mouse. Luego solo está el evento mouseDown. Estos dos eventos pueden aumentar el efecto de imagen del botón de icono.
En cuanto a las propiedades de mouseDown y mouseUp, ocurren junto con el evento Click. Este y el evento keyPress son una combinación del evento keyDown y. el evento keyUp. Es lo mismo, estos tres eventos del mouse también tienen atributos modificadores.
(Nota: si utiliza la declaración de devolución en el manejo de eventos onClick, puede recibir cualquier valor.
Siempre que este valor no sea Falso, el navegador puede completar el envío. Pero si el navegador obtiene un valor Falso, se cancelará la operación de envío del formulario. )
9. Evento de clic y evento dbClick
onClick es un evento de clic, onDblClick es un evento de doble clic, pero de hecho es difícil distinguir entre clics consecutivos y doble clic. clics. Interfieren entre sí. Y la situación es diferente en IE y otros navegadores. En algunos navegadores, cada clic de un evento de doble clic desencadena un evento de clic, pero en IE, solo el primer clic de un evento de doble clic desencadena un evento de clic. Sin embargo, los eventos de clic no se cancelan ni se ignoran automáticamente. Por lo tanto, si desea activar dos procesos completamente diferentes al hacer clic y hacer doble clic en un enlace, debe retrasar mediante programación la acción del clic hasta el doble clic.
var timer=null;
document.onclick=new Function("timer=setTimeout(click,500)")
document.ondblclick=new Function(”clearTimeout(timer);dblclick()”)
función clic(){
alert(”clic”)
}
función dblclick(){
alerta(”dblclick”)
}
12. Función JavaScript.
Una función se compone de la función más el nombre de la función, un par de paréntesis con parámetros y llaves, en las que la declaración principal de JavaScript está dentro de las llaves.
p>
Ejemplo:
función hanshuname(js) //hanshuname es el nombre de la función.
{
documento. write(js,"
”); //Es la declaración principal de la función.
}
Las funciones se pueden anidar, de la siguiente manera:
función qiantao(a,b){
función lqiantao(x){return x*x;}
return Math.sqrt(lqiantao(a)+lqiantao(b) );
}
Las funciones también se pueden utilizar como datos, por lo que las funciones se pueden procesar como otros datos, como asignación, almacenamiento, transferencia, etc.
Ejemplo:
función zhi(x){return x*x;}
De hecho, el nombre de la función no tiene significado, es solo el nombre de la variable para guardar la función.
a=zhi(6) ;//a almacena el número 36;
b=zhi;//Ahora by zhi se refieren a la misma función.
c=b(5);//c almacena el número 25.
En el cuerpo de una función, los argumentos del identificador siempre tienen un significado especial. Es un atributo especial del objeto que llama y es. se usa para referirse al objeto de parámetro real. Este objeto de parámetro real tiene muchos atributos útiles. Además, también desempeña el papel de una matriz.
Aunque hay parámetros fijos al definir una función de JavaScript. al llamar a esta función, la cantidad de parámetros que se le pasan puede ser arbitraria, la matriz argumentos[] permite acceso completo a esos valores de parámetros reales. Además, los argumentos tienen un atributo de longitud, consulte el siguiente ejemplo:
función zhi(x,y,z)
{
if(arguments.length !=3){
alerta(”función zhi llamada con ”+argumentos.longitud+”argumentos, pero espera 3 argumentos.”);
p>
return null;
}
} p>
Array de argumentos[ ] también abre una posibilidad importante para las funciones de JavaScript, ya sea Escriba la función para aceptar cualquier número de argumentos reales.
function zhi()
{
var m=Number.NEGATIVE_INFINITY;
//pasar
Calcula todos los parámetros
//Recupera y recuerda el más grande.
for(var i=0;i if( arguments>m)m=arguments; //Devuelve el valor máximo del parámetro. return m; } var lazgest =zhi(1,10,100,2,3,1000,4,5,10000,6); También puedes usar la matriz argumentos[] para escribir una función. Llamar a la función js