如何使用静态主机创建动态 link?
How to create dynamic link with static hosting?
我在 JavaScript 中有一个函数,它是给定数字的 returns 平方。为了获得输出,我在表单字段中获取用户的输入,然后单击按钮触发该功能。
我想删除输入参数和点击按钮的东西。有没有一种方法可以让我获得 link,点击后会得到 100 的平方。我想要 link 动态。例如,square.com/100 应该给我 100 的平方。Square.com/2 应该给 2 的平方。但是这是在像 GitHub 页面这样的动态托管上完成的。
框架:我没有使用任何框架,但我会将其托管在 github 页面上,因此任何适用于 github 静态托管页面的框架也很好
由于我们没有使用任何后端处理,我认为这是可以做到的。但不确定如何
您可以在 url(例如 https://example.org/?number=1234)中使用查询参数,然后在客户端解析它。一种方法是:
const params = new URLSearchParams(document.location.search);
const myNumber = Number(params.get('number'))
有关解析查询字符串的更多方法,请参阅 How can I get query string values in JavaScript?
我在 JavaScript 中有一个函数,它是给定数字的 returns 平方。为了获得输出,我在表单字段中获取用户的输入,然后单击按钮触发该功能。
我想删除输入参数和点击按钮的东西。有没有一种方法可以让我获得 link,点击后会得到 100 的平方。我想要 link 动态。例如,square.com/100 应该给我 100 的平方。Square.com/2 应该给 2 的平方。但是这是在像 GitHub 页面这样的动态托管上完成的。
框架:我没有使用任何框架,但我会将其托管在 github 页面上,因此任何适用于 github 静态托管页面的框架也很好
由于我们没有使用任何后端处理,我认为这是可以做到的。但不确定如何
您可以在 url(例如 https://example.org/?number=1234)中使用查询参数,然后在客户端解析它。一种方法是:
const params = new URLSearchParams(document.location.search);
const myNumber = Number(params.get('number'))
有关解析查询字符串的更多方法,请参阅 How can I get query string values in JavaScript?