开发者

JavaScript: Navigate to a new URL without replacing the current page in the history (not window.location)

I know how to use window.location. The problem is that, (at least in FF) it erases the page you are on from the history. e.g., I'm开发者_如何学编程 on page A, I navigate to B and window.location is used to send me to C. If on page C, I click back, I end up at A, not B.

Is there some other way to navigate to another page without erasing the current page from the history?

EDIT: This wont happen if you run the code in Firebug.

Here is a super simple page (yes I know the code is ugly, it's not the real code) that shows the problem:

<html>
<head><script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"> </script>
<body>  
<div class="foo"></div>
<a href="javascript:$('.foo').html('<scri'+'pt type=&quot;text/javascript&quot;>window.location = &quot;c.html&quot;</s'+'cript>');">b</a>

EDIT2: jQuery is the problem and setTimeout is the answer. I've added my solution below just in case someone else runs into this weird edge case.

EDIT3: This example is simplified to make it easier to test. In the real case, the click handler makes an Ajax call that returns the HTML, so we can't simplify the whole thing by just writing window.location = whatever. The code comes from the server, embedded in the HTML.


setTimeout is the answer.

$(div).html('<script...> setTimeout(function() { window.location = url; },10); </script>');

Doesn't have this problem. It must have something to do with the way jQuery executes inline scripts (by creating a script tag in the head element).


You could use window.location.assign(URL).


I'm not seeing that behavior in Firefox 3.6. Following your example, from stackoverflow.com I went to google.com, then from there I used the Firebug console window to set window.location = 'http://facebook.com'. Once there, all three were in my browser history..


This is just a hack and I don't know if it will work. Try window.history.back(1) after you have set the URL using window.location = URL;

Hope this helps.


Use location.href instead of location.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜