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

Question

在我们的一个Web应用程序中，我们有一个iframe可以使我们管理的另一个网站黯然失色。

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

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

用户可以与嵌入式站点进行交互，并单击指向嵌入式站点其他页面的链接；该链接中的URL不包含查询参数。

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

谢谢：）

Answer 1

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

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);
});