Javascript 更改动态iFrame上的显示属性
我在许多页面上动态创建iFrame。iFrame包含一个对话框，用户在其中输入一些信息。这是在一个单独的Web服务器上，因为多个网站需要使用相同的对话框。当用户输入完数据后，只需将div的显示更改为none，即可隐藏对话框。唯一的问题是iFrame仍然存在，它是透明的，但是不能单击iFrame下的任何内容。当iFrame中的对话框执行指定的操作时，它是否会将iFrame更改为在iFrame所在的页面上显示为无Javascript 更改动态iFrame上的显示属性,javascript,jquery,iframe,Javascript,Jquery,Iframe,我在许多页面上动态创建iFrame。iFrame包含一个对话框，用户在其中输入一些信息。这是在一个单独的Web服务器上，因为多个网站需要使用相同的对话框。当用户输入完数据后，只需将div的显示更改为none，即可隐藏对话框。唯一的问题是iFrame仍然存在，它是透明的，但是不能单击iFrame下的任何内容。当iFrame中的对话框执行指定的操作时，它是否会将iFrame更改为在iFrame所在的页面上显示为无 var PageOutput = "<iframe id=\"FiFrame\"
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);
});
});
var PageOutput=”“；
var图标=”；
$（文档）.ready（函数（）{
$（PageOutput）.appendTo（document.body）；
$（图标）.appendTo（document.body）；
$（'#FLink'）。单击（函数（）{
$（'FiFrame'）.fadeIn（1000）；
});
});
- 第1页。首页（站点-example1.com）加载
- 第2页。iframe（站点-example2.com）。在完成负载时
- 第3页。带有javscript的iframe（site-example1.com）