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

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

使用来自 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 代码相关的任何帮助。任何帮助将不胜感激。

解决方法

你需要 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 之后显示分数