我可以在网站 link 中输入用户名并根据它修改内容吗? (使用 JavaScript HTML)
Can I take user name input in Website link and modify the content according to it ? (using JavaScript HTML)
所以我正在尝试制作一个项目,它的作用是..根据用户的输入创建定制的生日贺卡。
例如- 我会把我朋友的名字放在网站 link 示例中 - https://folder/file/Jhon/
所以现在在 Jhon 的生日那天,我将在自定义 link 上方分享,他会看到一张自定义卡片。
[基本上我想以某种方式从 weblink 捕获用户输入,然后在代码中我可以更新我的 HTML 以自定义网页。]
第 1 步 - 需要 用户在网站中输入 Link Image of where user will enter input
第 2 步 - 现在,当用户重新加载页面时,页面会更改为用户输入。
如果有人可以帮助我完成如何在我的 HTML 中输入 link 中的数据,那将会很有帮助。
谢谢。
在 MDN 上查看 Window.location
的文档:https://developer.mozilla.org/en-US/docs/Web/API/Window/location
对于 https://something.com/file/John 的示例,您可以这样做:
let name = window.location.toString().split('/').pop()
这会将 URL 中最后一个 /
之后的所有值赋给变量 name
。
所以我正在尝试制作一个项目,它的作用是..根据用户的输入创建定制的生日贺卡。
例如- 我会把我朋友的名字放在网站 link 示例中 - https://folder/file/Jhon/ 所以现在在 Jhon 的生日那天,我将在自定义 link 上方分享,他会看到一张自定义卡片。 [基本上我想以某种方式从 weblink 捕获用户输入,然后在代码中我可以更新我的 HTML 以自定义网页。]
第 1 步 - 需要 用户在网站中输入 Link Image of where user will enter input
第 2 步 - 现在,当用户重新加载页面时,页面会更改为用户输入。
如果有人可以帮助我完成如何在我的 HTML 中输入 link 中的数据,那将会很有帮助。
谢谢。
在 MDN 上查看 Window.location
的文档:https://developer.mozilla.org/en-US/docs/Web/API/Window/location
对于 https://something.com/file/John 的示例,您可以这样做:
let name = window.location.toString().split('/').pop()
这会将 URL 中最后一个 /
之后的所有值赋给变量 name
。