Comparar revisiones

Manipulando el historial del navegador

Change Revisions

Revisión 101796:

Revisión 101796 de translatoon el

Revisión 101797:

Revisión 101797 de translatoon el

Título:
Manipulando el historial del navegador
Manipulando el historial del navegador
Enlace amigable (slug):
DOM/Manipulando_el_historial_del_navegador
DOM/Manipulando_el_historial_del_navegador
Etiquetas:
HTML5, para_revisar, historial
HTML5, para_revisar, historial
Contenido:

Revisión 101796
Revisión 101797
n104          <strong>object estado</strong> —&nbsp; El objeto estadon104          <strong>object estado</strong> —&nbsp; El objeto estado
> es un objetoJavaScript el cual esta asociado con el&nbsp; associ> es un objetoJavaScript el cual esta asociado con la nueva entrad
>ated with the new history entry created by <code>pushState()</cod>a asociada al historial creada por <code>pushState()</code>. Cada
>e>. Whenever the user navigates to the new state, a <code>popstat> vez que el usuario navega hacia un nuevo estado, un evento <code
>e</code> event is fired, and the <code>state</code> property of t>>popstate</code> event se dispara, y la propiedad <code>state</co
>he event contains a copy of the history entry's state object.>de> del evento contiene una copia del historial de entradas del o
 >bjeto estado.
n107          The state object can be anything that you can pass to <n107          El objeto estado puede ser cualquier cosa que puedas pa
>code>JSON.stringify</code>. Because Firefox saves state objects t>sar a <code>JSON.stringify</code>.&nbsp; Porque Firefox guarda lo
>o the user's disk so they can be restored after the user restarts>s objetos estado en el disco del usuario, entonces puede ser rest
> her browser, we impose a size limit of 640k characters on the JS>aurado después de que el usuario reinicia su browser, impusmos&nb
>ON representation of a state object. If you pass a state object w>sp; un tamaño límite de 640K caracteres en representacion JSON&nb
>hose JSON representation is larger than this to <code>pushState()>sp; de un objeto estado. Si pasas un objeto estado cuya represent
></code>, the method will throw an exception. If you need more spa>ación es más larga que esto a <code>pushState()</code>, el método
>ce than this, you're encouraged to use <code>sessionStorage</code> arrojará una excepción. Si necesitas más espcaio que esto,&nbsp;
>> and/or <code>localStorage</code>.> If you need more space than this, te recomendaos usar <code>sess
 >ionStorage</code> y/o <code>localStorage</code>.
n112          <strong>title</strong> — Firefox currently ignores thisn112          <strong>titulo</strong> — Firefox frecuentemente ignora
> parameter, although it may use it in the future. Passing the emp> este parámetro, aunque podriá usarse en el futuro. Pasar una cad
>ty string here should be safe against future changes to the metho>ena de caracteres vacia aqui podr{ia asegurar en un futuro estar 
>d. Alternatively, you could pass a short title for the state to w>a salvo en contra a futuros cambios en este método. Alternativame
>hich you're moving.>nte podrías pasar un título corto del estado hacia el cual te est
 >as moviendo.
n117          <strong>URL</strong> — The new history entry's URL is gn117          <strong>URL</strong> — El nuevo historial de entradas&n
>iven by this parameter. Note that the browser won't attempt to lo>bsp; URL está dado por este parámetro. Note que el browser no per
>ad this URL after a call to <code>pushState()</code>, but it migh>mitirá cargar esta URL después de llamar a <code>pushState()</cod
>t attempt to load the URL later, for instance after the user rest>e>,&nbsp; <span class="long_text" id="result_box" lang="es"><span
>arts her browser. The new URL does not need to be absolute; if it> style="" title="">pero podría intentar cargar la URL más tarde, 
>'s relative, it's resolved relative to the current URL. The new U>por ejemplo, después de que el usuario reinicie su navegador</spa
>RL must be of the same origin as the current URL; otherwise, <cod>n></span>.&nbsp; La nueva URL no necesita ser absoluta; si es rel
>e>pushState()</code> will throw an exception. This parameter is o>ativ, es resuelta relativamente a la actual URL.&nbsp; La nueva U
>ptional; if it isn't specified, it's set to the document's curren>RL debe ser del mismo origen de la actual URL; de otra forma, <co
>t URL.>de>pushState()</code> no lanzará una excepción. Este parámetro es
 > opcional; <span class="long_text" id="result_box" lang="es"><spa
 >n style="" title="">si no se especifica, se sitúa a la URL actual
 > del documento.</span></span>
n122      In a sense, calling <code>pushState()</code> is similar to n122      En un sentido, llamar <code>pushState()</code> es similar a
>setting <code>window.location = "#foo"</code>, in that both will > asignar <code>window.location = "#foo"</code>,<span class="long_
>also create and activate another history entry associated with th>text" id="result_box" lang="es"><span style="" title="">en tanto 
>e current document. But <code>pushState()</code> has a few advant>que también se va a crear y activar otra entrada al historial aso
>ages:>ciada con el documento actual</span></span>. But <code>pushState(
 >)</code> tiene las siguientes ventajas:
n125      <li>The new URL can be any URL in the same origin as the cun125      <li>La nueva URL puede ser cualquier URL en el mismo roigen
>rrent URL. In contrast, setting <code>window.location</code> keep> se la actual URL. En contraste, asignar <code>window.location</c
>s you at the same {{ domxref("document") }} only if you modify on>ode> te mantiene en el mismo {{ domxref("document") }} solamente 
>ly the hash.>si moificas unicamente el hash.
n127      <li>You don't have to change the URL if you don't want to. n127      <li>Tu no tienes que cambiar la URL si no deseas. En contra
>In contrast, setting <code>window.location = "#foo";</code> only >ste, asignar <code>window.location = "#foo"; solamente crea una n
>creates a new history entry if the current hash isn't <code>#foo<>ueva entrada en el historial si el hash actual no es&nbsp;</code>
>/code>.><code>#foo</code>.
n129      <li>You can associate arbitrary data with your new history n129      <li>Puedes asociar datos arbitrarios con tu nuevo historial
>entry. With the hash-based approach, you need to encode all of th> de entrada. Con el enfoque hash-based, tu necesitas codificar to
>e relevant data into a short string.>dos datos relevantes dentro de una cadena de caracteres corta.
t133      Note that <code>pushState()</code> never causes a <code>hast133      Note que <code>pushState()</code> nunca sausa un evento <co
>hchange</code> event to be fired, even if the new URL differs fro>de>hashchange</code> para ser notificado, inclusive si la nueva U
>m the old URL only in its hash.>RL difiere de la antigua URL únicamente en su hash.

Volver al historial