JavaScript es un lenguaje de secuencias de comandos
JavaScript es el lenguaje de programación más popular del mundo.
Es el lenguaje para HTML, para la web, para servidores, PCs, laptops, tablets, teléfonos, etc
JavaScripts en HTML deben insertarse entre <script> y </ script> etiquetas.
JavaScripts se pueden poner en el <body> y en la sección <head> de una página HTML.
.
JAVA SCRIPT BASICO
Este java script se ejecuta al cargar la pagina, agregando un <h1> y un <p> al documento HTML. Si usas document.write reescribirías todo el documento quitando su conetenido y agregando uno nuevo.
<!DOCTYPE html>
<html>
<body>
.
. <script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
<html>
<body>
.
. <script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>
.
.
</body>
</html>
JAVA SCRIPT FUNCION
Este java script se ejecuta con el evento onclick, activa la funcion myFuction() y manda a ejecutar el contenido de la funcion, utiliza document.getElementById para identificar el elemento html <p> y remplaza el contenido usando innerHTML
<!DOCTYPE html>
<html>
<head>
<script><html>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
Ejemplo
JAVA SCRIPT OBTENER EL VALUE DE UN HTML
$(document).ready(inicio)
function inicio(){
$(".clase").click(agregar); //Captura la clase del HTML
}
function agregar(){
$("#carrito").append($(this).val());//Selecciona el value
}
Otra manera de obtener el value, es sustituir la ultima linea de codigo por la siguiente linea.
document.getElementById("id").value;
AGREGAR HTML ESTILO
x=document.getElementById("demo") //Find the element
x.style.color="#ff0000"; //Change the style
AGREGAR SCRIPT EXTERNO
<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>
JavaScript es sensible a mayúscula
JavaScript es sensible a mayúsculas.Cuidado con la capitalización de cerca al escribir sentencias de JavaScript:
Un getElementById función no es la misma que GetElementById.
Una variable llamada myVariable no es el mismo que MiVariable.
Espacio en blanco
JavaScript ignora espacios adicionales. Usted puede agregar espacio en blanco a su script para que sea más legible. Las siguientes líneas son equivalentes:
var person="Hege";
var person = "Hege";
var person = "Hege";
Romper una línea de código
Puede dividir una línea de código dentro de una cadena de texto con una barra invertida. En el ejemplo de abajo se visualizará correctamente:
document.write("Hello \
World!");
World!");
document.write \
("Hello World!");
("Hello World!");
JavaScript comentarios de varias líneas
Línea de multi comentarios comienzan con / * y terminan con * /.
El siguiente ejemplo utiliza una línea de comentarios de varios de explicar el código:
El siguiente ejemplo utiliza una línea de comentarios de varios de explicar el código:
Cómo utilizar los comentarios para evitar la ejecución
En el siguiente ejemplo, el comentario se utiliza para prevenir la ejecución de uno de los codelines (puede ser adecuado para la depuración):Ejemplo
//document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";
document.getElementById("myP").innerHTML="This is my first paragraph.";
Ejemplo
/*
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";
*/
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
document.getElementById("myP").innerHTML="This is my first paragraph.";
*/
El uso de comentarios al final de una línea
En el siguiente ejemplo, el comentario se coloca al final de una línea de código:Ejemplo
var x=5; // declare x and assign 5 to it
var y=x+2; // declare y and assign x+2 to it
var y=x+2; // declare y and assign x+2 to it
JavaScript Números
JavaScript tiene sólo un tipo de números. Los números se pueden escribir con o sin decimales:
Ejemplo
var x1=34.00; // Written with decimals
var x2=34; // Written without decimals
var x2=34; // Written without decimals
Ejemplo
var y=123e5; // 12300000
var z=123e-5; // 0.00123
Booleanos JavaScriptvar z=123e-5; // 0.00123
var
x=true;
var y=false;
var y=false;
JavaScript Arrays
El siguiente código crea una matriz denominada coches:
var cars=new Array();
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
cars[0]="Saab";
cars[1]="Volvo";
cars[2]="BMW";
var cars=new Array("Saab","Volvo","BMW");
JavaScript Objetos
Un objeto está delimitado por llaves. Entre las llaves las propiedades del objeto se definen como pares nombre-valor (nombre: valor). Las propiedades están separados por comas:
var person={firstname:"John", lastname:"Doe", id:5566};
Los espacios y saltos de línea no son importantes. Su declaración puede abarcar varias líneas:
var person={
firstname : "John",
lastname : "Doe",
id : 5566
};
firstname : "John",
lastname : "Doe",
id : 5566
};
Ejemplo
name=person.lastname;
name=person["lastname"];
name=person["lastname"];
Undefined y Null
Indefinido es el valor de una variable sin valor.Las variables pueden ser vaciados estableciendo el valor a nulo ;
Ejemplo
cars=null;
person=null;
person=null;
Declaración de variables como objetos
Cuando una variable se declara con la palabra clave "nuevo", la variable se declara como un objeto:
var name = new String;
var x = new Number;
var y = new Boolean;
var x = new Number;
var y = new Boolean;
No hay comentarios.:
Publicar un comentario