如何使用javascript更改URL,以便我可以链接到该URL

时间:2011-08-05 07:09:36

标签: javascript url

我正在用jquery制作一个画廊。 当我按下我页面上的按钮时,它会逐渐消失,画廊应该淡入。我可以更改顶部的网址,这样当用户复制网址并在其他地方使用它时,它会打开图库而不是第一页(它是实际上所有在一个页面我只会使用淡入和淡出功能来导航不同的内容) 我用Google搜索了所有可能的单词句子并没有找到任何内容,所以如果有人能告诉我答案,我会非常感激:)

3 个答案:

答案 0 :(得分:4)

单击按钮后,将以下行添加到过程函数中:

window.location = "#gallery"

它为浏览器的URL添加了一个锚名称。

然后在加载页面时,您应该获得此锚名称并显示正确的内容:

var location = document.location.href;
var tabName = location.substring(location.indexOf('#') + 1);
showTab(tabName);

答案 1 :(得分:1)

你正在寻找的东西常见于googles gmail。它使用URL(host / path?query#anchor)中的锚来检测以前的位置。

由于浏览器不向服务器发送锚点,因此您无法发送相应的网页。这是在客户端上完成的,因此您必须通过ajax从服务器查询更新。


总之...

  • 第1步:使用主页在您的网站上导航(href =“#mypage1”或更新位置属性)

  • 第2步:当您的索引页面加载检查锚点时 javascript(属性window.location.hash http://www.w3schools.com/jsref/obj_location.asp

  • 第3步:通过ajax从服务器请求更新并解析它 当它到达时


我建议你使用json作为内容有效负载。易于使用,优于xml,比html好得多(如果你想使用innerhtml属性)。这是最复杂的部分。

哦,你可以发送整个网站,而不仅仅是切换而不是通过ajax加载,但我认为人们更喜欢所描述的方式。

我刚刚找到的一些链接:

http://www.floatnotes.org/documentation/about-locations http://blog.rebeccamurphey.com/2007/12/04/anchor-based-url-navigation-with-jquery

答案 2 :(得分:0)

您必须在网址查询中添加参数,例如www.yourdomain.com/index.html?openGallery=true或www.yourdomain.com/index.html#openGallery=true

然后在页面加载时使用JS,有一些代码来检查这些url参数并启动你的图库。