files/es/web/api/globaleventhandlers/onload/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51

---
title: window.onload
slug: Web/API/GlobalEventHandlers/onload
tags:
  - window.onload
translation_of: Web/API/GlobalEventHandlers/onload
---
<p>{{ ApiRef() }}</p>
<h3 id="Summary" name="Summary">Sumario</h3>
<p>Un evento tipo handler para el evento <code>load</code> event de el {{ domxref("window") }}.</p>
<h3 id="Syntax" name="Syntax">Syntax</h3>
<pre class="eval">window.onload = <em>funcRef</em>;
</pre>
<ul>
 <li><code>funcRef</code> es la función tipo handler function a ser llamada cuando el evento <code>load</code>  de window se dispara.</li>
</ul>
<h3 id="Example" name="Example">Ejemplos</h3>
<pre class="brush: js">window.onload = function() {
  init();
  doSomethingElse();
};
</pre>
<pre class="brush: html">&lt;!doctype html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Ejemplo Onload&lt;/title&gt;
    &lt;script&gt;
      function load() {
        alert("evento load detectado!");
      }
      window.onload = load;
    &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;p&gt;El Evento load se dispara cuando el documento ha terminado de cargarse!&lt;/p&gt;
  &lt;/body&gt;
&lt;/html&gt;
</pre>
<h3 id="Notes" name="Notes">Notas</h3>
<p>El evento <code>load</code> dispara el evento al final del proceso de carga del documento. En este punto, todos los objetos del documento son DOM,  y todas las imágenes y sub-frames han terminado de cargarse.</p>
<p>Existen también los  <a href="/en/Gecko-Specific_DOM_Events" title="en/Gecko-Specific_DOM_Events">Eventos DOM Específicos</a> como <code>DOMContentLoaded</code> y <code>DOMFrameContentLoaded</code> (los cuales pueden ser manejados usando {{ domxref("element.addEventListener()") }}) y son ejecutados despues de que el DOM de la página ha sido construido, pero no esperear a que otros recursos terminen de cargar.</p>
<h3 id="Specification" name="Specification">Especificación</h3>
<p>Este evento tipo handler se encuentra especificado en <a class="external" href="http://www.whatwg.org/html/#handler-window-onload" title="http://www.whatwg.org/html/#handler-window-onload">HTML</a>.</p>
<h3 id="Ver_También">Ver También</h3>
<ul>
 <li>
  <div class="syntaxbox">
   Evento <code>DOMContentLoaded</code> en <a href="/En/Listening_to_events#Simple_DOM.c2.a0events" title="En/Listening to events#Simple DOM.c2.a0events">Escuchando los Evento:Eventos DOM Simples</a></div>
 </li>
</ul>
<p>{{ languages( { "fr": "fr/DOM/window.onload", "pl": "pl/DOM/window.onload" } ) }}</p>