在我们的一个网络应用程序中,我们有一个 iframe 来嵌入我们管理的另一个网站。
这两个应用/网站具有不同的起源。
在 iframe src 上,我们附加一个查询参数,以便我们要嵌入的网站不会显示其标题。
用户可以与嵌入式站点交互并单击指向嵌入式站点其他页面的链接;此链接中的 URL 不包含查询参数。
我们是否可以检测何时单击链接或何时 iframe 开始加载新 URL 并动态附加查询参数?
谢谢:)
最佳答案
我创建了这个 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);
});
关于每当 iframe src 属性更改时,javascript 都会将查询参数附加到 iframe src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55500121/