如何使用 HTML 识别和显示嵌入的 URL 参数？

Posted 2023-02-22

【中文标题】如何使用 HTML 识别和显示嵌入的 URL 参数？

【英文标题】：How do I identify and display an embedded URL parameter using HTML?

【发布时间】：2021-08-04 05:59:04

【问题描述】：

使用来自 Cognito Forms 的重定向 URL，我可以在 URL 中嵌入一个参数。效果很好，我是 Cognito Forms 的忠实粉丝！ URL 如下所示：http://mywebsite.com/results?Score=x 其中 x 等于 0 到 100 之间的任何整数。因此，当页面由于重定向 URL 而加载时，它可能是 http://mywebsite.com/results?Score=48

我只想在我的页面上显示分数，在本例中 x = 48。我正在使用 GoDaddy 网站构建器，它允许我在页面上插入自定义 html 代码部分，但我无法找出正确的代码来显示实际的分数。我只是想在页面上显示 ... Score = 48 ... 或嵌入在 URL 中的任何值。

看起来应该不难，但我没能完成它。 GoDaddy 无法提供与 HTML 代码相关的任何帮助。任何帮助将不胜感激。

【问题讨论】：

此 GoDaddy 网站构建器是否允许您编辑任何服务器端代码或在页面上嵌入任何 javascript？在页面上使用 url 参数将需要其中之一。

【参考方案1】：

你需要javascript

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const score= urlParams.get('Score')
console.log(score);
var para = document.createElement("p");
var node = document.createTextNode(score);
para.appendChild(node);

var element = document.getElementById("div1");
element.appendChild(para);

像这样的东西会在 id 为 'div1' 的 div 之后显示分数