gpt4 book ai didi

javascript - 抓取传递的 URL 参数并添加到 iframe URL

转载 作者:行者123 更新时间:2023-11-30 10:58:47 25 4
gpt4 key购买 nike

我正在使用 typform 嵌入代码,但他们没有提供任何示例代码来从 URL 中获取自定义参数并将其插入到他们生成的嵌入代码中。他们解释说这是可以做到的。这些步骤概述如下。我正在寻找一些代码,这些代码将获取通过 URL 传递的任何参数并将它们添加到 iframe 中的 typeform URL。希望时间安排正确,到 iframe 代码执行时,它会传递参数。

  1. 用户点击链接 https://mysite/embedpage.html?sfid=2324234
  2. 页面代码应读取传递给 URL 的 sfid,并在嵌入代码中添加此参数以及传递给 typeform URL 的值,如下所示:
<html> 
<head>
</head>
<body>
<iframe id="typeform-full" width="100%" height="100%" frameborder="0"
src="https://mysite.typeform.com/to/tpEHHt?sfid=2324234">
</iframe>
<script
type="text/javascript" src="https://embed.typeform.com/embed.js">
</script>
</body>
</html>

最佳答案

你试过这样的事情吗?

function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
if (decodeURIComponent(pair[0]) == variable) {
return decodeURIComponent(pair[1]);
}
}
console.log('Query variable %s not found', variable);
}

document.getElementById('typeform-full').src = `https://mysite.typeform.com/to/tpEHHt?sfid=${getQueryVariable('sfid')}`;

关于javascript - 抓取传递的 URL 参数并添加到 iframe URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58867231/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com