Class notes
Apuntes JavaScript
- Course
- Institution
Extensos apuntes con buena organización de JavaScript para pasar el curso sin problemas.
[Show more]
Seller
Follow
kenbushseller
Content preview
JavaScriptInsertar JS en la página Web Operadores:
<script type="text/javascript">
// El código de JavaScript vendrá aquí. Operadores de comparación: == != === !== > >= < <=
</script> Operadores aritméticos: + - * / % ++ - - +valor -valor
Otra forma, más ventajosa Operadores de asignación: = += -= *= /= %= <<= >= >>= >>>= &= |= ˆ = []
<script type="text/javascript" src="htto:… o
../tucodigo.js"></script> Operadores de booleanos: && || !
Si el navegador no soporta JS: Operadores bit a bit: & | ˆ ∼ << >> >>>
<noscript>Texto informativo</noscript> Operadores de objeto: . [] () delete in instanceOf new this
Trabajando con xhtml la forma de insertar JS directamente es un poco diferente: Operadores miscelaneos: , ?: typeof void
<script type="text/javascript">
<!--//--><![CDATA[//><!--
// código de JavaScript a continuación Estructuras de control:
//--><!]]> If:
</script>
if (expresion_booleana) {
// acciones
Comentarios }
Comentarios de una sola línea: If-else:
// Comentarios de una línea if (expresion_booleana) {
O de varias líneas:
// instrucciones a ejecutar si se cumple la condición
/* Comentario de
} else {
varias líneas */
// instrucciones a ejecutar si no se cumple la condición
}
Variables: Bucles:
var var1, [var2, …]; For:
Tipos de datos: for (expresión inicial; condición; incremento) {
Cadena: La variable guarda un valor dentro de comillas dobles. // Instrucciones a ejecutar dentro del bucle.
Numérico: Valor numérico }
Booleano: Valor true o false Por ejemplo:
Null: Valor null
for (var i=1; i<=20; i++) {
Object: Arrays, u estructuras…
Function: La definición de una función // instrucciones que se ejecutarán 20 veces.
Conversores de tipo: }
var var1 = 3, var2 = 5; While:
var var3 = "6"; while (condición){
var1 + var2 + var3 // = "68" // Instrucciones a ejecutar dentro del bucle.
var3 + var1 + var2 // = "635" }
parseInt("34") // resultado = 34 Do While:
parseInt("89.76") // resultado = 89 do {
parseFloat("34") // resultado = 34 // Instrucciones a ejecutar dentro del bucle.
parseFloat("89.76") // resultado = 89.76 }while (condición);
1
4 + 5 + parseInt("6") // resultado = 15
, JavaScript
Objeto Window: Objeto location: Contiene información de la url actual. Es parte de Windows así que:
window/self/o_nada.propiedad Propiedades:
hash: Cadena que contiene el nombre del enlace, dentro de la URL.
window/self/o_nada.método([parametros])
host: Cadena con nombre del servidor y el número del puerto, dentro de la URL.
Gestión de ventanas: Un Script no abre una ventana principal, pero si subventa:
hostname: Cadena con dominio del servidor (o la dirección IP), dentro de la URL.
var subVent=window.open("url","nombre","height=XXX,width=XXX"); href: Cadena que contiene la URL completa.
Propiedades Window pathname: Cadena que contiene el camino al recurso, dentro de la URL.
closed: Devuelve un valor Boolean cuando una ventana ha sido cerrada o no. port: Cadena que contiene el número de puerto del servidor, dentro de la URL.
defaultStatus: Ajusta/devuelve valor defecto de barra de estado de una ventana. protocol: Cadena con protocolo usado (incluyendo los dos puntos), en la URL.
document:Devuelve el objeto document para la ventana. search: Cadena que contiene la información pasada en una llamada a un script,
frames:Devuelve array de todos los marcos (incluidos iframes) de la actual. dentro de la URL.
history:Devuelve el objeto history de la ventana. Métodos:
length:número de frames (incluyendo iframes) de una ventana. assign(): Carga un nuevo documento.
location:Devuelve la Localización del objeto ventana (URL del fichero). reload(): recarga la URL especificada en la propiedad href del objeto location.
name: Ajusta o devuelve el nombre de una ventana. replace(): Reemplaza historial actual y carga la URL especificada en cadenaURL
navigator: Devuelve el objeto navigator de una ventana.
opener: Devuelve la referencia a la ventana que abrió la ventana actual. Objeto document: acceso a todo elemento HTML. puede omitir referencia a Window
parent: Devuelve la ventana padre de la ventana actual. Colecciones:
self: Devuelve la ventana actual. anchors[]: Es un array que contiene todos los hiperenlaces del documento.
status: Ajusta el texto de la barra de estado de una ventana. forms[]: Es un array que contiene todos los formularios del documento.
Métodos: images[]: Es un array que contiene todas las imágenes del documento.
alert(): Muestra una ventana emergente de alerta y un botón de aceptar. links[]:Es un array que contiene todos los enlaces del documento.
blur(): Elimina el foco de la ventana actual. Propiedades:
clearInterval(): Resetea el cronómetro ajustado con setInterval(). cookie: Devuelve todos los nombres/valores de las cookies en el documento.
setInterval(): función o evalúa expresión en intervalo (en milisegundos). domain: nombre de dominio del servidor que cargó el documento.
close(): Cierra la ventana actual. referrer: URL del documento desde el cuál llegamos al documento actual.
confirm(): Muestra ventana emergente con mensaje, botón de aceptar cancelar. title: Devuelve o ajusta el título del documento.
focus(): Coloca el foco en la ventana actual. URL: Devuelve la URL completa del documento.
open(): Abre una nueva ventana de navegación. Métodos:
prompt(): Muestra una ventana de diálogo para introducir datos. close(): Cierra el flujo abierto previamente con document.open().
Objeto navigator: Contiene información sobre el navegador. getElementById(): accede al elemento identificado por el id
Propiedades: getElementsByName() : accede al elemento por nombre.
appCodeName: Cadena que contiene el nombre en código del navegador. getElementsByTagName(): accede a elemento por etiqueta determinada.
appName: Cadena que contiene el nombre del cliente. open(): Abre flujo de escritura para document.write o writeln
appVersion: Cadena que contiene información sobre la versión del cliente. write(): Para escribir expresiones HTML o código de JavaScript en un documento.
cookieEnabled: Determina si las cookies están o no habilitadas en el navegador. writeln(): = write() pero añade un salto de línea al final de cada instrucción.
Platform:Cadena con plataforma sobre la que se está ejecutando el cliente.
userAgent: cabecera completa del agente enviada en una petición HTTP. Contiene
la información de las propiedades appCodeName y appVersion.
Métodos:
javaEnabled() true si el cliente permite la utilización de Java, si no, false.
2
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card or Stuvia-credit for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller kenbushseller. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for $5.89. You're not tied to anything after your purchase.
Can Stuvia be trusted?
4.6 stars on Google & Trustpilot (+1000 reviews)
67474 documents were sold in the last 30 days
Founded in 2010, the go-to place to buy study notes for 14 years now