传递了URL URL参数并添加到iframe URL

问题描述 投票:0回答:1

我使用的是typform嵌入代码,但他们没有提供任何示例代码来从URL中获取自定义参数,并将其插入其生成的嵌入代码中。他们解释说可以做到。步骤概述如下。我正在寻找一些代码,这些代码将捕获URL上传递的所有参数,并将它们添加到iframe中的格式URL。希望可以解决计时问题,并且在执行iframe代码时,将传递参数。

  1. 用户单击链接https://mysite/embedpage.html?sfid=2324234
  2. 页面代码应读取传递给URL的sfid,并在嵌入代码内添加此参数加上传递给类型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>
javascript embed url-parameters geturl typeform
1个回答
0
投票

您尝试过类似的方法吗?

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')}`;
© www.soinside.com 2019 - 2024. All rights reserved.