时间戳

首页 > 解决方案 > 如何使用静态托管创建动态链接？

javascript - 如何使用静态托管创建动态链接？

问题描述

我在 JavaScript 中有一个函数，它返回给定数字的平方。为了获得输出，我在表单字段中从用户那里获取输入，然后单击按钮触发该功能。

我想删除那个打字参数和按钮点击的东西。有没有办法让我有一个链接，点击它会给我说 100 的平方。我想让那个链接动态。例如，square.com/100 应该给我 100 的平方。Square.com/2 应该给我 2 的平方。但这要在 GitHub 页面等动态托管上完成。

框架：我没有使用任何框架，但我会将它托管在 github 页面上，因此任何可以与静态托管的 github 页面一起使用的框架也很好

由于我们没有使用任何后端处理，我认为这是可以做到的。但不确定如何

标签： javascriptformsfrontendbackendclient-side

解决方案

您可以在 url 中使用查询参数（例如https://example.org/?number=1234），然后在客户端解析它。一种方法是：

const params = new URLSearchParams(document.location.search);
const myNumber = Number(params.get('number'))

有关解析查询字符串的更多方法，请参阅如何在 JavaScript 中获取查询字符串值？

推荐阅读