recursal/MDN huggingface dataset:
isSecureContext
===============

**Experimental:** **Esta es una tecnología experimental**  
Comprueba la Tabla de compabilidad de navegadores cuidadosamente antes de usarla en producción.

La propiedad de sólo-lectura **`isSecureContext`** devuelve un booleano indicando si el contexto actual es seguro (`true`) or not (`false`).

Sintaxis
--------
```

var isItSecure = self.isSecureContext; // or just isSecureContext
```

### Valor

Un `Boolean` (en-US).

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # dom-issecurecontext-dev |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
ImageBitmap
===========

La interfaz **`ImageBitmap`** representa una imagen de mapa de bits que se puede dibujar en un `<canvas>` sin una latencia indebida. Se puede crear a partir de una variedad de objetos de origen utilizando el método de fábrica `createImageBitmap()`. `ImageBitmap` proporciona una vía asíncrona y eficiente en recursos para preparar texturas para renderizar en WebGL.

`ImageBitmap` es un objeto transferible (en-US).

Propiedades de instancia
------------------------

`ImageBitmap.height` (en-US) Read only 

Un `unsigned long` que representa la altura, en píxeles CSS, de `ImageData`.

`ImageBitmap.width` (en-US) Read only 

Un `unsigned long` que representa el ancho, en píxeles CSS, de `ImageData`.

Métodos de instancia
--------------------

`ImageBitmap.close()` (en-US)

Elimina todos los recursos gráficos asociados con un `ImageBitmap`.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # imagebitmap |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Véase también
-------------

* `createImageBitmap()`
* `CanvasRenderingContext2D.drawImage()`
* `WebGLRenderingContext.texImage2D()` (en-US)
* `OffscreenCanvas.transferToImageBitmap()` (en-US)
HTMLCanvasElement
=================

La interfaz **`HTMLCanvasElement`** provee propiedades y métodos para manipular la capa de presentación de los elementos de tipo canvas. La interfaz `HTMLCanvasElement` también hereda las propiedades y métodos de la interfaz `HTMLElement` .

Propiedades
-----------

*Hereda propiedades de la interfaz padre,* *`HTMLElement`.*

`HTMLCanvasElement.height`

Un entero positivo que se asocia al atributo HTML `height` del elemento `<canvas>` interpretada en píxeles CSS. Cuando el atributo no está especificado, o si este se inicializa a un valor inválido, como un negativo, el valor 150 es usado por defecto.

`HTMLCanvasElement.mozOpaque` (en-US) 
Non-standard

Un `Boolean` asociado al atributo HTML `moz-opaque` del elemento `<canvas>` . Proporciona al canvas una forma de saber si la transparencia será considerada un factor. Si el canvas conoce que no hay transparencia, el desempeño de renderezación será optimizado.

`HTMLCanvasElement.width`

Un entero positivo asociado al atributo HTML `width` del elemento canvas `<canvas>` interpretado en píxeles CSS. Cuando el atributo no está especificado, o si se inicializa a un valor inválido, como un negativo, se utiliza el valor 300 por defecto.

Métodos
-------

*Herada métodos de la interfaz padre,* *`HTMLElement`.*

`HTMLCanvasElement.captureStream()` (en-US) 
Experimental

Retorna un `CanvasCaptureMediaStream` (en-US) que es una captura de video en tiempo real, de la superficie del canvas.

`HTMLCanvasElement.getContext()`

Retorna el contexto del dibujado del canvas, o bien null(nulo) si el ID de contexto no está soportado. Un contexto de dibujo, te permite dibujar sobre el canvas. Llamando al método getContext con el parámetro `"2d"` retorna un objeto `CanvasRenderingContext2D` , mientras que el llamarlo con el parámetroca `"experimental-webgl"` (o `"webgl"`) retorna un objeto `WebGLRenderingContext` (en-US) . Este tipo de contexto sólo está disponible en navegadores que implementen WebGL.

`HTMLCanvasElement.toDataURL()`

Retorna una data-URL conteniendo una representación de la imagen en el formato especificado por el tipo de parámetro(png por defecto). La imagen de retorno se encuentra a una resolución de 96dpi.

`HTMLCanvasElement.toBlob()` (en-US)

Crea un objeto `Blob` representando la imagen contenida en el canvas; este archivo puede ser cacheado en disco o bien almacenado en memoria, lo cual dependerá del "user-agent"(especificación del navegador).

`HTMLCanvasElement.mozGetAsFile()` (en-US) 
Non-standard

Obsoleto

Retorna un objeto `File` representando una imagen contenida en el canvas; este archivo es del tipo memory-based, con su nombre especificado. Si el tipo no se especifica, el tipo usado por defecto es `image/png`.

**Nota:** Sólo puede ser invocado desde Chrome.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # htmlcanvaselement |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* Elementos HTML implementando esta interfaz: `<canvas>`.
EventTarget
===========

`EventTarget` es una interfaz implementada por los objetos que pueden administrar eventos y sus escuchadores.

`Element`, `document`, y `window` son los objetivos más comunes de un evento, pero otros objetos pueden serlo también, por ejemplo `XMLHttpRequest`, `AudioNode`, `AudioContext` (en-US), entre otros.

Muchos objetivos de eventos tales como: elementos, documentos y ventanas, también admiten la configuración de controladores de eventos a través de propiedades y atributos.

Métodos
-------

`EventTarget.addEventListener()`

Registre un controlador de eventos de un tipo de evento específico en EventTarget.

`EventTarget.removeEventListener()`

Elimina un detector de eventos del EventTarget.

`EventTarget.dispatchEvent()`

Enviar un evento a este EventTarget.

Especificaciones
----------------

| Specification |
| --- |
| DOM Standard # interface-eventtarget |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Vea también
-----------

* Event reference - Los eventos disponibles en la plataforma
* Event developer guide - Guía sobre eventos para desarrolladores
* `Event` - Interface
EventSource
===========

La interfaz **`EventSource`** se utiliza para recibir eventos server-side. Se realiza la conexión a un servidor sobre HTTP y se reciben eventos en formato `text/event-stream` sin tener que cerrar la conexión.

Constructor
-----------

`EventSource()` (en-US)

Crea un nuevo `EventSource` a partiendo de un valor `USVString` (en-US).

Propiedades
-----------

*Esta interfaz también heredará propiedades de su antecesor, `EventTarget`.*

`EventSource.readyState` (en-US) Read only 

Un número representando el estado de la conexión. Los valores posibles son CONECTANDO (`0`), ABIERTO (`1`), o CERRADO (`2`).

`EventSource.url` (en-US) Read only 

Un valor `DOMString` representando la URL de la fuente.

`EventSource.withCredentials` (en-US) Read only 

Un valor `Boolean` (en-US) indicando si el objecto `EventSource` ha sido instanciado con credeciales CORS disponibles (true) o no (false, valor por defecto).

### Manejadores de Eventos

`EventSource.onerror` (en-US)

En un `event handler` que se invoca cuando ocurre un error y se envía el evento `error` (en-US) a través del objeto `EventSource`.

`EventSource.onmessage` (en-US)

Es un `event handler` que se invoca cuando se recibe un evento `message`, que indica que se ha enviado un mensaje desde la fuente.

`EventSource.onopen`

Es un `event handler` que se invoca cuando se recibe un evento `open`, que sucede en el momento que la conexión se abre.

Métodos
-------

*Esta interfaz también heredará métodos de su antecesor, `EventTarget`.*

`EventSource.close()` (en-US)

Cierra la conexión, si ésta existe, y asigna el valor CLOSED al atributo `readyState`. Si la conexión ya estaba cerrada, este método no hace nada.

Ejemplos
--------


```js
var evtSource = new EventSource("sse.php");
var eventList = document.querySelector("ul");

evtSource.onmessage = function (e) {
  var newElement = document.createElement("li");

  newElement.textContent = "message: " + e.data;
  eventList.appendChild(newElement);
};
```


**Nota:** Está disponible un ejemplo completo en GitHub — ver Simple SSE demo using PHP.

Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # the-eventsource-interface |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* Using server-sent events
Comment
=======

 La interfaz **`Comment`** representa las anotaciones y comentarios dentro del código fuente; aunque generalmente no se muestran visualmente en el navegador, dichos comentarios están disponibles para ser leídos en la **vista de código**.
 Los comentarios se representan en HTML y XML como contenido entre '<!--' y '-->'. En XML, la secuencia de caracteres '--' no se puede usar dentro de un comentario.

EventTarget

Node

CharacterData

(en-US)

CommentPropiedades
-----------

*Esta interfaz no tiene ninguna propiedad específica, pero hereda las de su padre,`CharacterData` (en-US), e indirectamente los de `Node`.*

Constructor
-----------

`Comment()` (en-US) 
Experimental

Devuelve un objeto `Comment` con el contenido del comentario como parámetro.

Métodos
-------

*Esta interfaz no tiene ninguna propiedad específica, pero hereda las de su padre,`CharacterData` (en-US), e indirectamente los de `Node`.*

Especificaciones
----------------

| Specification |
| --- |
| DOM Standard # interface-comment |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Lea también
-----------

* Índice de interfaces DOM
CSSStyleDeclaration
===================

Resúmen
-------

`CSSStyleDeclaration` representa una colección CSS de pares propiedad-valor. Se utiliza en unas cuantas APIs:

* `HTMLElement.style` (en-US) - para manipular el estilo de un solo elemento (<elem style="...">);
* En otras palabras, es un interface para los bloques de declaraciones devueltos por la propiedad `style` de una `regla CSS` en una hoja de estilos, cuando la regla es una CSSStyleRule.
* `CSSStyleDeclaration` es también un interface de **sólo-lectura** para el resultado de window.getComputedStyle().
Atributos
---------

`CSSStyleDeclaration.cssText` (en-US)

Representación textual del bloque de declaración. Estableciendo este atributo cambia el estilo.

`CSSStyleDeclaration.length` (en-US)

El número de propiedades. Ver el método del **elemento** inferior.

`CSSStyleDeclaration.parentRule` (en-US)

El contenedor `CssRule`.

Métodos
-------

`CSSStyleDeclaration.getPropertyPriority()` (en-US)

Retorna la prioridad opcional, "important". Ejemplo: *priString*= *styleObj*.getPropertyPriority('color')

`CSSStyleDeclaration.getPropertyValue()` (en-US)

Retorna el valor de la propiedad. Ejemplo: *valString*= *styleObj*.getPropertyValue('color')

`CSSStyleDeclaration.item()` (en-US)

Retorna un nombre de propiedad. Ejemplo: *nameString*= *styleObj*.item(0) Alternative: *nameString*= *styleObj*[0]

`CSSStyleDeclaration.removeProperty()` (en-US)

Retorna el valor borrado. Ejemplo: *valString*= *styleObj*.removeProperty('color')

`CSSStyleDeclaration.setProperty()` (en-US)

Sin retorno. Ejemplo: *styleObj*.setProperty('color', 'red', 'important')

`CSSStyleDeclaration.getPropertyCSSValue()` (en-US)

 Solo soportado a través de getComputedStyle. Devuelve un `ROCSSPrimitiveValue` en Firefox (`CSSPrimitiveValue` (en-US), en otros, los cuales implementan CSSValue), o nulo para Propiedades taquigráficas. Ejemplo: *cssString*= window.getComputedStyle(*elemento*, `null`).getPropertyCSSValue('color').cssText;
 Observación: Gecko 1.9 devuelve **null** a menos que se utilice getComputedStyle().
 Observación: Este método puede estar desaconsejado por el W3C , y no está presente en el último borrador CSSOM. No está soportado por IE e incluso aunque la función existe en Opera, llamarla lanza una excepción `DOMException` NOT\_SUPPORTED\_ERR.


Ejemplo
-------


```js
var styleObj = document.styleSheets[0].cssRules[0].style;
alert(styleObj.cssText);
for (var i = styleObj.length - 1; i >= 0; i--) {
  var nameString = styleObj[i];
  styleObj.removeProperty(nameString);
}
alert(styleObj.cssText);
```

Notas
-----

El bloque de declaración es esa parte de la regla de estilo que aparece dentro de las llaves ({}) y que actualmente proporciona las definiciones de estilo (para el selector, la parte que precede a las llaves).

Ver también
-----------

* Propiedades DOM CSS
Especificación
--------------

CSSOM: CSSStyleDeclaration
StorageManager
==============

**Contexto seguro:** Esta función está disponible solo en contextos seguros (en-US) (HTTPS), en algunos o todos los navegadores que lo soportan.

La interfaz **`StorageManager`** de la API de almacenamiento (en-US) proporciona una interfaz para administrar los permisos de persistencia y estimar el almacenamiento disponible. Puede obtener una referencia a esta interfaz mediante `navigator.storage` (en-US) o `WorkerNavigator.storage` (en-US).

Métodos de instancia
--------------------

`StorageManager.estimate()` Contexto seguro

Devuelve una `Promesa` que se resuelve en un objeto que contiene números de uso y cuota para su origen.

`StorageManager.getDirectory()` (en-US) Contexto seguro

Se utiliza para obtener una referencia a un objeto `FileSystemDirectoryHandle` (en-US) que permite el acceso a un directorio y su contenido, almacenado en el sistema de archivos privado de origen (en-US). Devuelve una `Promesa` que cumple con un objeto `FileSystemDirectoryHandle` (en-US).

`StorageManager.persist()` Contexto seguro

Devuelve una `Promesa` que se resuelve en `true` si el agente de usuario puede conservar el almacenamiento de su sitio.

`StorageManager.persisted()` Contexto seguro

Devuelve una `Promesa` que se resuelve en `true` si ya se ha otorgado persistencia para el almacenamiento de su sitio.

Especificaciones
----------------

| Specification |
| --- |
| Storage Standard # storagemanager |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
Eventos enviados por el servidor
================================

Tradicionalmente, una página web tiene que enviar una solicitud al servidor para recibir nuevos datos; es decir, la página solicita datos del servidor. Con los eventos enviados por el servidor, es posible que un servidor envíe nuevos datos a una página web en cualquier momento, enviando mensajes a la página web. Estos mensajes entrantes pueden ser tratados como *Eventos + datos* dentro de la página web.

**Nota:** Esta característica está disponible en Web Workers

**Nota:** Firefox actualmente no admite el uso de eventos enviados por el servidor en *service workers* (sí los admite en trabajadores dedicados y compartidos). Ver error 1681218, en Firefox.

Conceptos y uso
---------------

Para saber cómo usar los eventos enviados por el servidor, consulta nuestro artículo Usar eventos enviados por el servidor.

Interfaces
----------

`EventSource`

Define todas las características que manejan conección a un servidor, recibir eventos/datos, errores, cerrar una conexión, etc.

Ejemplos
--------

* Demostración simple de SSE usando PHP
Especificaciones
----------------

| Specification |
| --- |
| HTML Standard # server-sent-events |

Véase también
-------------

### Herramientas

* Mercure: un protocolo de comunicación en tiempo real (publicación-suscripción) construido sobre SSE
* Polyfill de EventSource para Node.js
* Polyfill de EventSource de Remy Sharp
* Polyfill de EventSource de Yaffle
* Rick Waldron's jquery plugin
* El complemento de jquery de Rick Waldron
* intercooler.js soporte SSE declarativo
### Temas relacionados

* AJAX
* JavaScript
* WebSockets
### Otros recursos

* Una aplicación similar a Twitter impulsada por eventos enviados por el servidor y su código en GitHub.
* HTML5 y eventos enviados por el servidor
CSSStyleRule
============

**`CSSStyleRule`** representa una sola regla de estilos CSS. Implementa la interfaz `CSSRule` with a type value of `1` (`CSSRule.STYLE_RULE`).

Sintaxis
--------

La sintaxis es descrita usando el formato WebIDL.
```

interface CSSStyleRule : CSSRule {
    attribute DOMString selectorText;
    readonly attribute CSSStyleDeclaration style;
};
```

Propiedades
-----------

`CSSStyleRule.selectorText`

Obtiene la representación textual del selector para esta regla, e.g. `"h1,h2"`.

`CSSStyleRule.style` (en-US) Read only 

Retorna el objeto `CSSStyleDeclaration` para la regla. **Sólo lectura.**

Especificaciones
----------------

| Specification |
| --- |
| CSS Object Model (CSSOM) # the-cssstylerule-interface |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
table
=====

Interfaz del elemento tabla HTML
--------------------------------

Los objetos `table` revelan la interfaz del `HTMLTableElement` la cual posee métodos y propiedades especiales (más allá del interfaz regular del objeto del elemento que también tienen disponibles mediante herencia) para manipular la vista y presentación de tablas en HTML.

Propiedades
-----------

table.caption (en-US)

**caption** devuelve la leyenda de la tabla.

table.tHead (en-US)

**tHead** devuelve el encabezado de la tabla.

table.tFoot (en-US)

**tFoot** devuelve el pie de la tabla.

table.rows (en-US)

**rows** devuelve las filas de la tabla.

table.tBodies (en-US)

**tBodies** devuelve los cuerpos de la tabla.


table.align (en-US) 
Obsoleto

**align** da/define el alineamiento de la tabla.

table.bgColor (en-US)
Obsoleto

**bgColor** da/define el color de fondo de la tabla.

table.border (en-US) 
Obsoleto

**border** da/define el borde de la tabla.

table.cellPadding (en-US)

**cellPadding** da/define el relleno interno de las celdas.

table.cellSpacing (en-US)

**cellSpacing** da/define el espacio entre celdas.

table.frame (en-US)

**frame** especifica que lados de la tabla tienen borde.

table.rules (en-US)

**rules** especifica cuales de los bordes internos son visibles.

table.summary (en-US)

**summary** da/define el resumen de la tabla.

table.width (en-US)

**width** da/define el ancho de la tabla.

Métodos
-------

table.createTHead (en-US)

**createTHead** crea el encabezado de la tabla.

table.deleteTHead (en-US)

**deleteTHead** elimina el encabezado de la tabla.

table.createTFoot (en-US)

**createTFoot** crea el pie de tabla.

table.deleteTFoot (en-US)

**deleteTFoot** elimina el pie de tabla.

table.createCaption (en-US)

**createCaption** crea una nueva leyenda para la tabla.

table.deleteCaption (en-US)

**deleteCaption** elimina la leyenda de tabla.

table.insertRow (en-US)

**insertRow** inserta una nueva fila.

table.deleteRow (en-US)

**deleteRow** elimina una fila.
window.clearTimeout
===================

Resumen
-------

Borra el retraso asignado por `window.setTimeout()` (en-US).

Sintaxis
--------
```

window.clearTimeout(timeoutID)
```


* `timeoutID` es el ID del timeout que desee borrar, retornado por `window.setTimeout()` (en-US).
Ejemplo
-------

Ejecute el script de abajo en el contexto de una página web y haga clic en la página una vez. Verá un mensaje emergente en un segundo. Si permanece haciendo clic en la página cada segundo, la alerta nunca aparece.


```js
var alarm = {
  remind: function (aMessage) {
    alert(aMessage);
    delete this.timeoutID;
  },

  setup: function () {
    this.cancel();
    var self = this;
    this.timeoutID = window.setTimeout(
      function (msg) {
        self.remind(msg);
      },
      1000,
      "Wake up!",
    );
  },

  cancel: function () {
    if (typeof this.timeoutID == "number") {
      window.clearTimeout(this.timeoutID);
      delete this.timeoutID;
    }
  },
};
window.onclick = function () {
  alarm.setup();
};
```

Notas
-----

Pasar un ID inválido a `clearTimeout` no tiene ningún efecto (y no lanza una excepción).

Especificación
--------------

DOM Nivel 0. Especificado en HTML5.

Vea también
-----------

* JavaScript timers
* `window.setTimeout` (en-US)
* `window.setInterval` (en-US)
* `window.clearInterval` (en-US)
* `window.requestAnimationFrame`
* *Daemons* management
indexedDB
=========

La propiedad **`indexedDB`** proporciona un mecanismo para que las aplicaciones puedan acceder asíncronamente a las capacidades de las bases de datos indexadas.

Sintaxis
--------


```js
var DBOpenRequest = self.indexedDB.open("toDoList");
```

### Valor

Un objeto `IDBFactory` (en-US).

Ejemplo
-------
```

var db;
function openDB() {
 var DBOpenRequest = window.indexedDB.open('toDoList');
 DBOpenRequest.onsuccess = function(e) {
   db = DBOpenRequest.result;
 }
}
```

Especificaciones
----------------

| Specification |
| --- |
| Indexed Database API 3.0 # dom-windoworworkerglobalscope-indexeddb |

Compatibilidad con navegadores
------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* Utilización de IndexedDB
* Iniciando transacciones: `IDBDatabase`
* Usando transacciones: `IDBTransaction` (en-US)
* Estableciendo un rango de claves: `IDBKeyRange` (en-US)
* Recuperación y edición de tus datos: `IDBObjectStore`
* Utilización de cursores: `IDBCursor`
* Ejemplo de referencia: To-do Notifications (ver ejemplo *live*.)
CustomEvent
===========

La interfaz **`CustomEvent`** representa eventos que son inicializados por una aplicación para cualquier propósito.

**Nota:** Esta característica está disponible en Web Workers

Event

CustomEventConstructor
-----------

`CustomEvent()` (en-US)

Crea un nuevo `CustomEvent`.

Propiedades
-----------

*Esta interfaz hereda las propiedades de su padre, `Event`.*

`CustomEvent.detail` (en-US) Read only 

Devuelve cualquier dato pasado al inicializar el evento.

Métodos
-------

*Esta interfaz hereda las propiedades de su padre, `Event`.*

`CustomEvent.initCustomEvent()` (en-US) 
Obsoleto

Inicializa un objeto `CustomEvent`. Si el evento ya ha sido enviado, este método no hace nada.

Especificaciones
----------------

| Specification |
| --- |
| DOM Standard # interface-customevent |

Compatibilidad del navegador
----------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Ver también
-----------

* `Window.postMessage()` (en-US)
* Creación y activación de eventos (en-US)