javascript - 修改移动分享按钮中的网址

Question

我们有一个在手机中使用的 SPA html5 网页。由于详细信息页面设置在 # 之后，我想将用户单击共享按钮时发送的 url 更改为 # 之前提供更多信息的内容。这样我就可以更改描述、标题等...

我想要的示例:

浏览器中的网址:url/#id=1

发送到“分享”的网址:url?id=1

你现在有什么办法吗？但我不想向服务器发出另一个请求。

提前致谢。

Answer 1

我希望我明白你想要什么:你想捕获当前的网址并修改它，对吧？如果是这样，则执行下一步:

打开这个js fiddle http://jsfiddle.net/6Yf3r/ 。

fiddle 代码是

$(document).ready(function(){
    var currentUrl = window.location.href;
    var newUrl = currentUrl.replace('/_','?');
    alert(currentUrl);
    alert(newUrl);
});

忽略前两个警报，然后单击“运行”。看看这两个警报中的 url 发生了什么？您现在可以使用此代码，并将其修改为 .replace('/#','?');。此函数将查找 URL 中的 /# 部分，并将其替换为 ?。现在，您将获得所需的 URL 作为字符串，只需在共享按钮的正确位置使用该新 URL。