Javascript 在不使用服务器端编码的情况下，将动态URL字段传递到iframe中

需要以下方面的帮助，因为不幸的是，我自己无法解决：(

用户被重定向到一个表单（通过iframe提供），该表单包含一个动态URL:website.com/form？id=123

提供页面的代码从页面URL中的“id”参数读取该值（“123”）

然后，脚本将该值写入URL末尾的“数据URL”属性中，如下面的示例代码段所示

（function（）{var qs，js，q，s，d=document，gi=d.getElementById，ce=d.createElement，gt=d.getElementsByTagName，id=“typeform”，b=”https://embed.iframe.com/“如果（！gi.call（d，id））{js=ce.call（d，“script”）；js.id=id；js.src=b+“embed.js”；q=gt.call（d，“script”）[0]；q.parentNode.insertBefore（js，q）}）（）

不确定您为什么会遇到此任务的问题。下面是我如何从当前URL获取ID的方法

url = document.location.href;
var paramId = new URL(url).searchParams.get("id");

var frameElement = document.getElementById("typef_orm_frame");
frameElement.src = "https://example.com/to/abc" + paramId + "?id=" +paramId;

这是演示的JSFIDLE

---

在解析URL中的id时遇到困难…此代码是否在框架内执行？它是否试图读取当前浏览器URL或iframe URL？此代码位于站点上（不是iframe），但旨在通过读取当前浏览器URL中的id标记来更改iframe URL。因此，如果我理解正确，用户将转到“website.com/form？id=123”使用浏览器，该页面需要添加一个IFRAME，url为

IFRAME.com/to/abc123？id=123

？您是否也有一个示例非工作实时页面？