我正在创建一个照片库,并希望能够在浏览照片时更改查询字符串和标题.
我正在寻找的行为常见于连续/无限页面的一些实现,其中当您向下滚动查询字符串时,不断增加页码(http://x.com?page=4)等.这应该是理论上很简单,但我希望在主流浏览器中安全.
我找到了这篇伟大的帖子,并试图跟随这个例子window.history.pushstate,但这似乎并不适合我.而且我不确定它是否理想,因为我并不真正关心修改浏览器历史记录.
我只是希望能够为当前查看的照片添加书签,而无需在每次更改照片时重新加载页面.
以下是修改查询字符串的无限页面示例:http://tumbledry.org/
UPDATE发现了这个方法:
window.location.href = window.location.href + '#abc';
Run Code Online (Sandbox Code Playgroud)
它似乎适合我,但我是一个新的铬..它可能会导致旧浏览器的一些问题?
可能重复:
GitHub如何更改URL而不是重新加载?
嗨伙计,
我注意到Github.com在浏览存储库时不会强制用户下载网页,而是使用AJAX来刷新页面内容.
Github还将浏览器地址栏更改为表示内容的真实地址.我不知道如何在网址中使用#hashtags来实现这一点.
简而言之: github使用ajax加载新的网页,而不使用主题标签.他们是如何做到这一点的?
有任何想法吗?
GitHub 似乎在做一些令人难以置信的事情:动画页面更改而不会破坏状态.地址栏会更改,但页面不会刷新,我会将动画设置为下一个视图.
例如,点击此URL:as3logback /然后点击此URL:as3logback/lib
他们是如何在魔鬼中做到的!?!这太酷了!他们是使用某种框架还是服务器端?
我问这个是因为我有一些链接就像按钮一样通过ajax拉出内容,所以我不需要任何href.
(我从SEO的角度问这个问题)
制作这样的按钮(javascript)以及正确的标签是什么的最佳方法是什么?"a","b"或任何其他标签?
示例 - http://jsfiddle.net/S7FPH/
要么
<html>
<head>
<style type="text/css">
a.a_button, b.b_button {
margin: 10px;
background-color: green;
width: 100px; height: 20px;
text-align: center;
display: block;
color: yellow;
}
a.a_button {text-decoration: none;}
b.b_button{
cursor: pointer;
font-weight: 100;
}
</style>
<script type="text/javascript">
function test(){
alert("test");
}
</script>
</head>
<body>
<a class="a_button" href="" onclick="test(); return false;">click</a>
<b class="b_button" onclick="test();">click</b>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
更新:
人们问这取决于我想如何使用它,所以这是一个例子.
关于"按钮"标签 - thear是一种让"按钮"标签看起来类似于我的例子(设计)的方法吗?关于"ul" - 我喜欢它,但我不知道如何以这种方式定位它.
我正在构建一个网页,其中包含一种目录,其中显示当前项目及其描述,以及其下方其他项目的缩略图,如果我点击其他项目的缩略图,我有一些脚本可以更改描述和所需项目的大图像.问题是我希望这反映在URL中,以便用户可以将URL作为链接发送给其他人以显示所需的项目.但我没有找到一种方法来更改URL而无需重新加载页面,而对于美学,我不想重新加载页面.任何想法如何做到这一点?