扩展程序更改时更改站点的内容

时间:2013-04-11 11:54:33

标签: javascript jquery html css

好的,我正在为朋友创建一个网站,他希望该网站以下列方式工作。

他有一个页面有两个可以出现的部分。一次只能出现一个部分。按钮用于在不同部分之间切换。我目前这样做的方式是使用两个div,并在按下按钮时显示/隐藏它们。因此,如果显示第1部分并按下按钮,则第1部分将淡出,第2部分将面临。

这一切都很有效,但他希望能够将人们的链接发送到他的网站,并根据扩展显示特定部分。例如,假设这两个部分是学分和内容。如果他向某人发送www.site.com/credits的网址,那么他希望信用部分显示。如果他发送www.site.com/content的网址,那么他希望内容部分显示出来。他还希望保持按钮点击以在两者之间切换。

我一直在研究它,似乎可以使用哈希值(#)来完成,例如www.site.com#credits。有没有办法做到这一点,但使用/而不是#的?

修改

另一件事就是他不想在点击按钮时刷新页面,他只想使用javascript来更改部分。

2 个答案:

答案 0 :(得分:1)

如果您正在运行Apache,则可以使用重写模块。

例如,将其设置为:

RewriteEngine On
RewriteRule ^/(credits|content)/?$ switch.php?view=$1

然后在 switch.php 中,您必须使用默认显示该部分的网址评估view变量GET变量。

答案 1 :(得分:0)

this会帮助您从网址中获取最后一部分内容,因为您可以隐藏/显示您的内容或信用。

jQuery(function() {
var url, page, n;
url = window.location.pathname;
n = url.lastIndexOf('/');
if (n >= 0) {
    page = url.substring(n + 1);
}
if(page == "content"){
//display content
} else {
//display credits
}
});