每当 iframe src 属性更改时，javascript 都会将查询参数附加到 iframe src

Question

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

这两个应用/网站具有不同的起源。

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

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

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

谢谢:)

Answer 1

我创建了这个 JSFiddle.. 我不认为这是最佳实践，但基于您的用例.. 当用户单击 iFrame 时捕获，并添加查询参数或更改 iFrame 源.. Volia: http://jsfiddle.net/dcuf3xvs/1/

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