Javascript 从URL获取参数并将其添加到iframe src

我正在寻找一种简单的方法（使用JavaScript）将部分页面URL添加到iframe src URL的末尾

例如，页面URL：

然后我需要XYZ部分，它是要添加到iframe src的ID，如下所示：

---

iframe src:

您可以使用

window.location.search

（仅包括“？”之后的内容）从路由中获取查询字符串，并且您可以使用urlsearchparms解析参数，如下图所示

const params=new urlsearchparms（window.location.search）

之后，
params
是一个具有特定方法的对象，您可以使用
params.get（'id'）按名称获取您的参数

因此，您只需要将基本URL和该参数连接起来，并将其传递给iframe的
src
属性

完整示例：

const baseIframeUrl = 'www.otheradress.com/';
const urlParams = new URLSearchParams(window.location.search);
document.getElementById('#yourIframe').src = baseIframeUrl . urlParams.get('id');

如果您想使用HTML中的src属性，它将是：

const urlParams = new URLSearchParams(window.location.search);
document.getElementById('#yourIframe').src = document.getElementById('#yourIframe').src . urlParams.get('id');

尽管如此，请注意，这种方法在多次调用时会失败，除非您将原始URL存储在某个位置。
此外，正如mplungjan所指出的，您无法访问另一个来源的iframe的
src
。
我将使用和URLSearchParams

注意：出于安全原因，无法从已从其他来源加载页面的iFrame读取iFrame src


constURL=新url（“https://www.example.com/?id=XYZ"); // 新URL（location.href）；
const id=url.searchParams.get（“id”）
控制台日志（id）
const iFrameUrl=新URL（“https://www.otheradress.com/")
iFrameUrl.pathname+=id；
console.log（iFrameUrl.toString（））；//在这里，你可以设置iFrame的源代码，你无法获得另一个源代码的iFrame的src。此外，如果没有协议，www.otheraddress.com
也不是一个有效的URL。这只是从他的示例代码中获取的，我认为这不需要澄清。请添加到目前为止你已经尝试过的内容。也许是一些javascript示例。在哪里添加iframe？