浏览器地址栏中的网址发生改变,但是页面不跳转[新浪微博好像是这样,如何实现]

高雷 发布于 2012/07/04 17:39
阅读 3K+
收藏 2

点击下一页,视频播播放窗口不消失,而地址栏却发生变化

如上图所示: 点击下一页(甚至前进后退),视频播播放窗口不消失,而地址栏却发生变化.

即,主框架不刷新,只有微博内容刷新.

而在修改后地址栏中参数是这样的格式: 

?wvr=3.6&page=9&pre_page=8&end_id=3464102309812512&max_msign=3464090607542670-1341387023-3463985016255104-1341362109-622-205&end_msign=-1

根本就不是锚点来实现的.

而我的疑惑是,不是地址栏的地址改变了,网页就会跳转吗?为何视频播放的那个div还一直在?

以下是问题补充:

@ValueError:同问,GitHub 也是这样。 (2012/07/05 02:53)
加载中
0
uian2000
uian2000
不了解。不过我看到jqueryTools的history插件可以实现类似效果,切换tab地址栏、历史更新,但页面不刷新。楼主可以参考下
高雷
高雷
回复 @uian2000 : 新浪微博首页呀,你无论是别人聊天的窗口还是弹出的视频,在翻页时都不会被刷掉.最主要的是地址栏变化了
uian2000
uian2000
能给个页面么?想看看效果
高雷
高雷
http://jquerytools.org/demos/tabs/ajax-history.html#ajax2.htm 你指的是这样效果吗?<br/> 这个是通过锚点来实现的,并不修改了后面传递的参数呀
0
deleted
deleted
google history.pushState
高雷
高雷
是html5吗?我才测试 微博IE也可以呀
0
uian2000
uian2000

……主页里面的下一页就是一个锚点……

 

<a class="W_btn_a" href="/u/2100868127?max_id=3461169929384442&amp;end_id=3464110362241276&amp;pre_page=1&amp;page=2" action-data="max_id=3461169929384442&amp;end_id=3464110362241276&amp;pre_page=1&amp;page=2" action-type="feed_list_page_next"><span>下一页</span></a>

难道是我看到的不一样……

高雷
高雷
链接中没有"#"呀
0
朱__朱
朱__朱
是不是右下角open了一个新窗
高雷
高雷
是DIV,就是一个DIV
返回顶部
顶部