0

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

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

这一切都很好，但是他希望它能够向人们发送到他的网站的链接，并且取决于扩展显示该特定部分。例如，假设这两个部分是学分和内容。如果他向某人发送 www.site.com/credits 的 url，那么他希望显示 credits 部分。如果他发送 www.site.com/content 的 url，那么他希望显示内容部分。他还想保持按钮点击在两者之间切换。

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

编辑

另一件事是，他不希望在单击按钮时刷新页面，他只想使用 javascript 来更改部分。

4

2 回答 2

1

如果您正在运行 Apache，则可以使用 rewrite 模块。

例如，像这样设置它：

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

然后在switch.php中，您必须使用 URL 评估view变量GET，默认情况下会显示哪个部分。

于 2013-04-11T12:04:59.577 回答
0

这将帮助您从您的网址中获取最后一部分，基于您可以隐藏/显示您的内容或信用。

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
}
});
于 2013-04-11T12:16:11.813 回答