Question

我正在许多页面上动态创建iFrame。 iFrame包含一个用户输入一些信息的对话框。这是在一个单独的网络服务器上，因为有几个网站需要使用同一个对话框。当用户完成数据输入后，它只需将div的显示更改为none即可隐藏对话框。唯一的问题是iFrame仍然存在，它是透明的，但iFrame下的任何内容都无法点击。无论如何，当iFrame中的对话框执行指定的操作时，它会更改iFrame在iFrame所在的页面上显示为none？

var PageOutput = "<iframe id=\"FiFrame\" src=\"myPage-1.html\" style=\"display: none; border: none; overflow: hidden; height: 500px; width: 300px; position:absolute; left: 0; top: 0;\"></iframe>";
var Icon = "<a href=\"#\" id=\"FLink\"><img src=\"images/feedback_button.png\" alt=\"\" style=\"position: fixed; right: 40%; top: 20%;\"/></a>";
$(document).ready(function() {
$(PageOutput).appendTo( document.body );
$(Icon).appendTo( document.body );
$('#FLink').click(function() {
    $('#FiFrame').fadeIn(1000);
    });
});

Answer 1

你可以做一些跨站点的叮当来打电话给原始页面。

第1页。首页（网站 - example1.com）加载...
第2页.iframe（site-example2.com）。完成载荷后......
第3页。使用javscript的iframe（site-example1.com）。

第3页需要是一个页面，其中包含一个脚本，可以在加载时调用顶部窗口（window.top.hideIframe（）..或其他东西）

此外，第2页需要知道原始呼叫站点，以便在呼叫时能够呼叫正确的站点。

对不起，如果这没有意义。

更改动态iFrame上的显示属性

1 个答案: