javascript - 如何处理静态网页中带有参数的友好url？

Question

我有以下 URL https://mywebsite/somepage/1234/5678其中 somepage 是到页面的路由，数字是参数。

我的页面是静态页面，只有 html 和 javascript。例如：https://mywebsite/somepage.html。

给定上面的 url 获取页面内的参数，我怎么能打开这个页面？

这样做的原因是我有一个移动深层链接将用户定向到一个网站，以便它可以下载应用程序以防它没有安装或应用程序本身。我没有选择在 Cake PHP 或 Spring Framework 中使用带有路由系统的动态页面。

Answer 1

从当前路径名拆分创建数组/

var urlPath = window.location.pathname.split('/');

对数组做点什么...

urlPath.forEach(function(item) {
    console.log(item);
});

Answer 2

如果您想加载普通页面（https://mywebsite/somepage.html），那么您可以使用哈希值。服务器看不到它们，因此它将提供常规的 html 文件。

// get the url
var url = window.location.href; // = "https://mywebsite/somepage.html#1234/5678"

// get the bit you want
var params = url.substring(32); // = "1234/5678"
//            ^ the length of "https://mywebsite/somepage.html#"

// split it apart into individual parts
params = params.split("/"); // = ["1234", "5678"]

// then do whatever you like with the params