JS可不可以实现：改变地址栏地址而不跳转

Question

比如：我点击页面上的一个按钮，网址栏中的地址发生改变，但是页面不跳转也不刷新，但是我手动刷新此页面的时候，实际要刷新地址栏中的新地址，这种能不能实现？求高人！

Answer 1

<button onclick="document.location.hash='#hello'">click me</button>这样算不？

Answer 2

如果说是半年以前，那还是不可以实现。
现在可以了。
LZ可以上google plus，切换视频和相册那几个页面看一下。
地址改变了，但是没有刷新。
用的是最新的一个方法。
=下我去MDN给你找找。

Answer 3

https://developer.mozilla.org/En/DOM/Window.history
最后两个方法

Answer 4

中文介绍
http://hi.baidu.com/kooboy/blog/item/6f2c31adadedc2134b36d691.html

Answer 5

现在这个时候，一整到HTML5就没意思了。不普及。而且History和任意的改变URL还是两回事。楼主这个要求，有什么强烈理由吗？不觉得是什么好需求。

Answer 6

因为从用户角度来讲肯定只会非常反感这种现象：在画面上不知不觉的情况下其实跑到另外一个自己不知道的URL去了，不管是新的未知的URL还是曾经访问过的历史页面，这都是容易欺骗用户视觉的。只有特殊应用的特殊情况下才适合用，如果泛滥了又是一场灾难。

Answer 7

这个方法好像只能本页面使用。
确实如LS所说，能任意改变URL的话，钓鱼网站就爽歪歪了。

Answer 8

是啊，这样的话，进钓鱼网站，把URL改成真的网站的，然后又不刷新页面，这你还能根据什么去判断页面真假？页面结构么，不搞web开发的谁会去看页面结构，而且钓鱼网站也可以把页面结构做得和真的一样

Answer 9

这个东西就相当于你要跳出浏览器的范围，去调系统api做到winform的功能一样，天方夜谭。

Answer 10

列表页的时候很需要
还有就是文章内容的分页也是很有必要的
即减少了每次请求的代码量 也提高了访问速度
还有就是解决了SEO 地址重复的问题
多美好的需求啊
html5让我们看到了希望

Answer 11

你还别说 这个需求很有必要的列表页的时候很需要
还有就是文章内容的分页也是很有必要的
即减少了每次请求的代码量 也提高了访问速度
还有就是解决了SEO 地址重复的问题
多美好的需求啊

Answer 12

给大家看一下 实现这个效果的网站
html5做的
http://8tracks.com/mixes/rock/hot?page=1

Answer 13

那岂不是能用url能骗人了！太恐怖了

Answer 14

我可以說絕對可以的，我进这个帖子就是因为我遇到这个bug了，想解决他，我不知道怎么搞的，我的js就是跳不过去，地址栏都变了，就是不跳，非要我去在地址栏回车一下才行。层多的页面都是这样。烦死了。楼主竟然要这个效果，问题在于我不知道我的问题出在哪里。。

Answer 15

對了，我是在js里面有form提交的，submit之后不跳转，我改成loaction.href就没问题，可以跳过去，你可以想办法，搞出这个bug来。

Answer 16

window.location.href=#+你的url部分 就不会刷新又会显示路径 只是会多了个#号 gmail就是这么搞的

Answer 17

HTML5怎么实现这个效果？

Answer 18

http://8tracks.com/mixes/rock/hot?page=1&mawzu=45
这个网址在网址栏上怎么输出的

Answer 19

试试使用锚点
homepage/album.php#1
homepage/album.php#2
改变#后面的值，页面不刷新
先获得url
用正则表达式获得#后的值
然后...AJAX之
这样以后可以直接历史记录或url浏览想看到的东西.

Answer 20

其实是可以的，使用HTML5的history对象的新方法pushState。至于大家说的页面没改内容url变话，这个纯粹在于开发者设计了，开发者可以load需要load的部分。而大家所说的钓鱼网站的问题，在定制这个API的时候都考虑到了安全问题，和ajax一样，这个API有跨域限制，url必须同源。其实这个API对Web App有很重要的意义，最简单的应用就是类似于花瓣网一样的页面跳转的平滑过渡。http://topic.csdn.net/u/20120810/14/73e22cb2-8ad0-40b9-baa6-effa4a3167bc.html?seed=582225242&r=79371734#r_79371734

Answer 21

有两种办法：
一，url带#来传参数，然后通过js来获取#后面的参数，调用不同的后台数据；
二，html5这样的需求是很人性化的，性能增加了，url更人性化，一般的ajax只是刷新了内容，但url并不能更新，这样就不能通过url来分享了。仔细想想，这样的功能是非法棒的。