¿Qué son las variables?
Las variables son contenedores utilizados para almacenar información
Declaración variable
gramática:
nombre variable var
Nombre de la variable = valor;
Las variables deben declararse primero y luego asignarse
Las variables se pueden asignar repetidamente
Reglas de nombres para variables
Las variables deben comenzar con letras;
Las variables también pueden comenzar con los símbolos $ y _ (pero no recomendamos esto);
Los nombres de variables son sensibles a la caja (A y A son variables diferentes).
Declaración
La declaración termina con un punto y coma; Si se omite el punto y coma, el analizador determina el final de la declaración.
Ten un buen hábito de codificación, debes terminar;
Tipo de datos
En JavaScript , una información es un valor . Existen diferentes tipos de valores, y el tipo con el que todos están más familiarizados son los números. El valor de la cadena está rodeado por
Una o más palabras en citas.
Número de cualquier valor numérico. Los números pueden ser decimales o sin 68.57
Caracteres en comillas de cadena. Puede usar citas individuales o dobles "Hola, mundo"
Booleano verdadero o falso verdadero
Los valores indefinidos indefinidos y nulos indican que la variable no contiene un valor. Puede borrar la variable estableciendo el valor de la variable en nulo.
Cualquier valor asociado con un objeto
El valor devuelto por la función de función
1 var a; // a está indefinido2 var a = 6; // a es el número 3 var a = "jason"; // a es una cadena
¿Qué es una función?
Las funciones son un conjunto de declaraciones de JavaScript que realizan una determinada tarea.
Sintaxis básica:
Función Nombre de función () {código de función;}Nombre de función ();
ilustrar:
La función define las palabras clave de la función.
"Nombre de la función" el nombre que le diste a la función.
El "código de función" se reemplaza con un código que completa una función específica.
Una llamada de función del "nombre de la segunda función"
1 función add2 () {2 var sun = 3 + 2; 3 alerta (sol); 4} 5 add2 (); // Llamando a la función escribe directamente el nombre de la función y aparece directamente el código de función1 <input type = "Botton" Value = "Click Me" onClick = "add2 ()" /> 2 <!-Después de hacer clic en el botón, llame a la función, OnClick es el evento de clic->
Contenido de salida (document.write)
Document.Write () emite contenido directamente en la página web.
El primer tipo: el contenido de salida está encerrado con "" y emite directamente el contenido dentro del signo "".
document.write ("¡Amo a JavaScript!");El segundo tipo: contenido de salida a través de variables
var mystr = "Hello World"; document.write (mySrt); // Escribe el nombre de la variable directamente y emite el contenido almacenado por la variable
El tercer tipo: salida de contenidos múltiples y conéctelos con + señales.
var mystr = "hola"; document.write (mystr + "me encanta el script java"); // Conecte múltiples elementos con + signos
El cuarto tipo: etiquetas HTML de salida y trabajo, y las etiquetas están encerradas con "".
var mystr = "hello"; document.write (mystr+"<br>"); // después de la salida hola, salga una nueva línea document.write ("javaScript");ADVERTENCIA (diálogo de mensajes de alerta)
Cuando visitamos el sitio web, a veces aparecerá una pequeña ventana con un mensaje de texto de mensaje. Si no hace clic en "Aceptar", no puede hacer nada sobre la página web
Cómo operar, esta pequeña ventana se implementa utilizando alerta.
Sintaxis: alerta (cadena o variable);
var mynum = 30; alerta ("¡Hola!"); alerta (mynum);Resultado: el cuadro de mensaje aparece en orden (el cuadro de diálogo de mensajes de alerta aparece contiene un botón OK)
Aviso:
1. No se pueden realizar otras operaciones antes de hacer clic en el botón "Aceptar" en el cuadro de diálogo.
2. El cuadro de diálogo Mensaje generalmente se puede usar para depurar un programa.
3. Contenido de salida de alerta, que puede ser una cadena o una variable, similar a document.write
Confirmar la selección (confirmar el diálogo de mensajes)
Además de proporcionar información a los usuarios, también queremos obtener información de los usuarios. El cuadro de diálogo Confirmar mensaje se usa aquí.
El cuadro de diálogo Confirmar mensaje generalmente se usa para permitir a los usuarios tomar decisiones, como: "¿Tiene razón?" etcétera. Aparece un cuadro de diálogo (incluido un botón OK y un botón de cancelación).
Sintaxis: confirmar (str);
Descripción del parámetro: STR: el texto que se mostrará en el cuadro de diálogo Mensaje Devuelve: Valor booleano
Valor de retorno:
Devuelve verdadero cuando el usuario haga clic en el botón "Aceptar"
Vuelva a falso cuando el usuario hace clic en el botón "Cancelar"
Nota: El valor de retorno se puede usar para determinar qué botón hace clic en el usuario.
<script type = "text/javaScript"> var myMessage = confirmar ("¿Te gusta JavaScript?"); if (myMessage == true) {document.write ("¡Bien, vamos!"); } else {document.write ("JS es poderoso, ¡necesitas aprender!"); } </script>Haga una pregunta (diálogo de mensaje de inmediato)
A veces, no solo desea que el usuario responda sí/no. En cambio, se espera una respuesta más específica. En este caso, podemos usar el propt.
Cuadro de diálogo de mensaje emergente de mensaje emergente, generalmente utilizado para solicitar información que deba interactuar con el usuario. Aparece un cuadro de diálogo de mensaje (incluido un botón OK, un botón de cancelación y un cuadro de entrada de texto).
gramática:
rápido (str1, str2);
Descripción del parámetro:
STR1: el texto que se mostrará en el cuadro de diálogo Mensaje no se puede modificar
str2: el contenido en el cuadro de texto se puede modificar
Valor de retorno:
1. Haga clic en el botón Aceptar y el contenido en el cuadro de texto devolverá el valor como una función.
2. Haga clic en el botón Cancelar para volver a NULL
function rec () {Var store score; // La variable de puntuación se utiliza para almacenar el valor de puntaje ingresado por el usuario. puntaje = solicit ("Por favor ingrese su puntaje", "90"); if (score> = 90) {document.write ("¡Eres genial!"); } else if (score> = 75) {document.write ("¡bueno!"); } else if (score> = 60) {document.write ("¡Vamos!"); } else {document.write ("¡Trabaja duro!"); };}; <script> var myname = indere ("Ingrese su nombre"); if (myname! = null && myname! = "") {document.write ("welcom to" + myname); } else {document.write ("welcom to" + myname); } </script>Abra una nueva ventana (ventana.
gramática:
Window.open ([URL], [nombre de la ventana], [String de parámetro])
Descripción del parámetro:
URL: parámetro opcional, URL o ruta de la página web que se mostrará en la ventana. Si se omite este parámetro, o su valor es una cadena vacía, la ventana no mostrará ningún documento.
Nombre de la ventana: Parámetro opcional, nombre de la ventana abierta.
1. El nombre consta de letras, números y caracteres subrayados.
2. Nombre de la ventana: Opcional, esta cadena es una lista de características separadas por comas que declara el nombre de la ventana abierta. Poder
Es "_TOP", "_blank", "_elf", "_parent" , etc.
_Blank muestra la página de destino en una nueva ventana
_Elgido muestra la página web de destino en la ventana actual
_Parent Frame Página web muestra la página web de destino en la posición actual de la ventana completa
_TOP marco La página web muestra la página web de destino en la ventana superior
3. Solo se puede crear una ventana con el mismo nombre , y si desea crear múltiples ventanas, el nombre no puede ser el mismo.
4. El nombre no puede contener espacios.
Cadena de parámetros: parámetros opcionales, establecer parámetros de la ventana y separar cada parámetro con comas.
Tabla de parámetros:
T Número de número de op Número El número de píxeles en la parte superior de la ventana dejando la parte superior de la pantalla
Número izquierdo El número de píxeles en el extremo izquierdo de la ventana que sale del extremo izquierdo de la pantalla
Número de ancho el ancho de la ventana
Altura Número de altura de la ventana
Menubar sí, no, ¿hay un menú en la ventana?
Barra de herramientas Sí, no, ¿hay una barra de herramientas en la ventana?
barras de desplazamiento sí, no, ¿hay alguna barra de desplazamiento en la ventana?
Estado Sí, no, ¿hay una barra de estado en la ventana?
<script type = "text/javaScript"> window.open ('http: //', '_ en blanco', 'width = 300, Height = 200, Menubar = no, ToolBar = no, status = no, scrollbars = yes') </script>Cierre la ventana (ventana. Clare)
Cerrar () Cerrar () Cerrar ventana
uso:
1 Window.Close (); // Cerrar esta ventana 2 <Objeto de ventana> .close (); // Cerrar la ventana especificada
Por ejemplo: cierre la ventana recién creada.
1 <script type = "text/javaScript"> 2 var mywin = window.open ('// www.vevb.com'); // almacenamiento del objeto de ventana recientemente impreso en la variable mywin3 mywin.close (); 4 </script>atributo innerhtml
El atributo InnerHTML se usa para obtener o reemplazar el contenido de un elemento HTML .
gramática:
Objeto.innerhtml
El objeto es el elemento objeto obtenido, como obtener el elemento a través de document.getElementById ("id").
<h2 id = "con"> javascript </h2>
<script type = "text/javaScript"> var mychar = document.getElementById ("con"); document.write ("Título original:"+mychar.innerhtml+"<br>"); // emite el contenido original de la etiqueta H2 mychar.innerhtml = "Hello World" document.Write ("Título modificado:"+mychar.innerhtml); // emite el contenido de la etiqueta H2 modificado </script>Cambiar estilo HTML
gramática:
Object.Style.Property = nuevo estilo;
Nota: El objeto es el elemento Objeto obtenido , como el elemento obtenido a través de document.getElementById ("ID")
<h2 id = "con"> Me encanta JavaScript </h2>
<script type = "text/javaScript"> var mychar = document.getElementById ("con"); mychar.style.color = "rojo"; mychar.style.background = "#ccc"; mychar.style.width = "300px"; </script>Mostrar y ocultar (atributo de visualización)
gramática:
Object.style.display = valor
Valor:
ninguno de este elemento no se mostrará (y oculto)
Bloquee este elemento se mostrará como un elemento de nivel de bloque (es decir, pantalla)
mychar.style.display = "bloque"
Nombre de la clase de control (atributo de nombre de clase)
La propiedad de ClassName establece o devuelve la propiedad de clase del elemento.
gramática:
object.classname = classname
efecto:
1. Obtenga el atributo de clase del elemento
2. Asigne un estilo CSS a un elemento en la página web para cambiar la apariencia del elemento
p2.classname = "dos";
Las notas de estudio básicas de JavaScript anteriores (debe leer para novatos) son todo el contenido compartido por el editor. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.