每当 iframe src 属性更改时，javascript 将 query-param 附加到 iframe src答案

【问题标题】：javascript append query-param to iframe src whenever the iframe src attribute changes每当 iframe src 属性更改时，javascript 将 query-param 附加到 iframe src
【发布时间】：2023-03-28 00:39:01
【问题描述】：

在我们的一个网络应用程序中，我们有一个 iframe 来支持我们管理的另一个网站。

这两个应用程序/网站的来源不同。

在 iframe src 上，我们附加了一个查询参数，以便我们要嵌入的网站不显示其标题。

用户可以与内嵌站点交互，点击内嵌站点其他页面的链接；此链接中的 URL 不包含查询参数。

我们是否可以检测链接何时被点击或 iframe 何时开始加载新 URL 并即时附加查询参数？

谢谢你:)

【问题讨论】：

标签： javascript iframe

【解决方案1】：

我创建了这个 JSFiddle.. 我不认为这是最佳实践，但基于您的用例.. 捕获用户单击 iFrame 时的内容，并添加查询参数或更改 iFrame 源.. Volia：@987654321 @

focus();
var listener = addEventListener('blur', function() {
    if(document.activeElement === document.getElementById('iframe')) {
        message.innerHTML = 'Redirecting';
    var iframe = document.getElementById('iframe');
    iframe.src = "//example.com?queryParamCentralHere";
    }
    removeEventListener(listener);
});

【讨论】：