Embedded Files
Crear un documento HTML es algo estático que no cambia con el tiempo. La página está cargada, y eso es todo. Tenemos información que buscábamos antes, pero no podemos INCLUIRLA.
Así, JavaScript fue creado como una solución a este problema. ¿Y qué es JavaScript?
Script es un lenguaje compacto basado en objetos y eventos guiados, especialmente diseñado para la aplicación cliente / servidor en el campo de Internet.
Los programas JavaScript están incrustados en documentos HTML y son responsables de llevar a cabo acciones en el cliente, como solicitar, confirmar, mostrar mensajes, crear animaciones, comprobar campos ...
http://www.w3schools.com/js/default.asp
Dónde y cómo introducir JavaScript
Hay varias formas de JavaScript para acceder a una página.
La forma más común es utilizar la directiva <script> en el documento HTML; Puede introducir la directiva <script> tanto como desee en el documento. El formato es:
<script>
El atributo de language corresponde a la versión de JavaScript que se utilizará en ese script. Otro atributo de directiva de secuencia de comandos es src, que se puede utilizar para acceder a un archivo externo que contiene JavaScript y se incluye en el código HTML.
<script src="archivo.js"> </script>
El archivo externo es sólo un archivo de texto con un código JavaScript y su nombre termina con la extensión js.
También se puede acceder al código JavaScript como respuesta a un evento.
<input type="submit" onclick="alert('Tienes que hacer Click');return false;" value="Click">
Nota: Los scripts se pueden acceder como un comentario, los navegadores antiguos que no saben JavaScript para asegurarse de que su código no "ver" y así evitar errores.
<script ....>
<!-
codigo JavaScript
//-->
</script>
<script> </script>
<script> </script>
<script>
document.getElementById("demo").innerHTML = "My First JavaScript";
</script>
Older examples may use a type attribute: <script type="text/javascript">.
The type attribute is not required. JavaScript is the default scripting language in HTML.
JavaScript Functions and Events
JavaScript Functions and Events
A JavaScript function is a block of JavaScript code, that can be executed when "asked" for.
For example, a function can be executed when an event occurs, like when the user clicks a button.
You will learn much more about functions and events in later chapters.
JavaScript in <head> or <body>
JavaScript in <head> or <body>
You can place any number of scripts in an HTML document.
Scripts can be placed in the <body>, or in the <head> section of an HTML page, or in both.
Keeping all code in one place, is always a good habit.
JavaScript in <head>
JavaScript in <head>
In this example, a JavaScript function is placed in the <head> section of an HTML page.
The function is invoked (called) when a button is clicked:
Example
Example
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
JavaScript in <body>
JavaScript in <body>
In this example, a JavaScript function is placed in the <body> section of an HTML page.
The function is invoked (called) when a button is clicked:
Example
Example
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</body>
</html>
It is a good idea to place scripts at the bottom of the <body> element.
This can improve page load, because HTML display is not blocked by scripts loading.
External JavaScript
External JavaScript
Scripts can also be placed in external files.
External scripts are practical when the same code is used in many different web pages.
JavaScript files have the file extension .js.
To use an external script, put the name of the script file in the src (source) attribute of the <script> tag:
Example
Example
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
You can place an external script reference in <head> or <body> as you like.
The script will behave as if it located exactly where the <script> tag is located.
External scripts cannot contain <script> tags.
External JavaScript Advantages
External JavaScript Advantages
Placing JavaScripts in external files has some advantages:
- It separates HTML and code.
- It makes HTML and JavaScript easier to read and maintain
- Cached JavaScript files can speed up page loads.
Gramatica
http://www.w3schools.com/js/js_syntax.asp
Si conoce otro lenguaje de programación, estará familiarizado con las variables, los operadores, las declaraciones, etc. usar En la tabla se resumen los principales elementos de la gramática de JavaScript.
Veremos todos los elementos en detalle en el manual.
Nota importante: JavaScript parece mayúsculas y minúsculas; Las referencias de todos los elementos de JavaScript deben ser definidas, no son lo mismo que "Saltar" y "Saltar".
5.4 Variable
Las variables almacenan y recuperan datos; También se les conoce como "valores". El valor de la variable puede ser la variable. Las variables se refieren a su nombre, y el nombre asignado debe contener ciertas reglas (inicialmente debe ser una letra o ("_"), los siguientes caracteres pueden ser números (0-9), mayúsculas o minúsculas).
Ejemplos de definiciones erróneas:
var Mi Variable, 123Prueba, $Variable, for, while;
var Mi_Variable, P123rueba, _123,
Por supuesto, podemos inicializar una variable, indicando:
var Variable="Esto es una cadena de texto";
Las variables JavaScript pueden tener una extensión global o local. La variable global es accesible desde cualquier página <script>, y la variable local sólo es visible desde la función indicada.
Normalmente, se creará una nueva variable global con un valor de asignación pura:
globalVariable=5;
Sin embargo, si está encriptando dentro de una función, y sólo desea crear una variable local con una extensión de esa función, debe indicar usando la nueva variable var:
function newFunction(){
var localVariable=1;
globalVariable=0;
...
}
Tipos de datos
JavaScript incluye seis tipos de valores: numéricos, lógicos, objetos, cadenas, nulos e inexactos.
Una de las características de JavaScript es que el tipo es un lenguaje que no está muy definido, es decir, una variable puede cambiar; Por ejemplo, una variable puede expresarse como un número entero, y más tarde como una cadena.
MiVariable=4;
y luego:
MiVariable="Cadenat";
A diferencia de otros idiomas, y como hemos visto, JavaScript no necesita indicar el tipo de datos que contiene las variables; el intérprete asignará el tipo correspondiente. (Esa es la manera de continuar con la filosofía de Javascript de diseñar: hacer pequeños programas y hacer scripts de programadores lo más rápido posible).
Tipos de datos:
- Operadores
- Los operadores toman variables o uno o más valores (operativos) y devuelven un nuevo valor; Por ejemplo, '+' puede agregar dos números para crear un tercero. Existen varios tipos de agentes, dependiendo de la relación:
- Operadores aritmeticos
- Los agentes aritméticos toman valores numéricos (literales o variables), y devuelven sólo un valor numérico. Se trata de agentes aritméticos normales:
<html>
<head>
<title>Ejemplo Javascript</title>
</head>
<body>
<script language="JavaScript">
a = 8;
b = 3;
document.write(a + b);
document.write("<br>");
document.write(a - b);
document.write("<br>");
document.write( a * b);
document.write("<br>");
document.write(a / b);
document.write("<br>");
a++;
document.write(a);
document.write("<br>");
b--;
document.write(b);
</script>
</body>
</html>
Agentes comparativos
El operador de comparación compara sus operaciones y devuelve un valor lógico basado en si es verdadero o no. Las operaciones pueden ser numéricas o cadenas.
Aviso:
En JavaScript 1.3, JavaScript 1.1 o versiones anteriores, la comparación de agentes realizados "conversión de tipo" si es necesario. Es decir, si un operando era una cadena y el otro era un valor numérico, JavaScript convirtió la cadena en números, antes de compararla.
JavaScript 1.2 no "tipo de conversión"; Por lo tanto, si había dos tipos diferentes de agentes, la comparación no se hizo.
Finalmente, las últimas versiones de JavaScript se han añadido a agentes de "comparación específica"; Comparan si las operaciones son del mismo tipo.
Operadores lógicos
Los operadores lógicos se utilizan para combinar comparaciones múltiples en una expresión condicional. Un operador lógico toma dos operaciones; Cada uno de ellos es verdadero o falso, y devuelve un valor verdadero o falso.
- Operadores de cádenas
Los operadores de la cadena se pueden hacer usando agentes de comparación. Además, puede encadenar cadenas utilizando + el operador.
<html>
<head>
<title>JavaScripten adibidea</title>
</head>
<body>
<script language="JavaScript">
Nombre = “Juan”
document.write( “Hola “ + Nombre +”.” );
</script>
</body>
</html>
- Agente de asignación
'=' El agente de asignación le permite asignar un valor a una variable.
- Operadores especiales
Es difícil categorizar algunos agentes JavaScript en una categoría en particular. Vamos a resumir estos agentes.
Page updated
Report abuse