Javascript 从iFrame中的按钮关闭（对话框）iFrame
我有两个文件，分别名为Javascript 从iFrame中的按钮关闭（对话框）iFrame,javascript,html,css,Javascript,Html,Css,我有两个文件，分别名为main\u page.html和dialog\u box.html（参见下面的代码）。 我想让我的handleCloseDialogButton（）关闭对话框，换言之，重新加载main\u page.html，并将frame.style.display重置为“无”。 我该怎么做？我应该使用window.open（“main_page.html”）还是window.location.href=“main_page.html”还是其他什么？ 注意：我不想使用Javascrip
main\u page.htmldialog\u box.htmlhandleCloseDialogButton（）main\u page.htmlwindow.open（“main_page.html”）window.location.href=“main_page.html”alert（）<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<script>
function handleDialogButton()
{
var theFrame=document.getElementById("myDialogBox");
theFrame.style.display="block";
theFrame;
}
</script>
</head>
<body>
<div id="myDiv"> <h2> Hello world. This is the main page.</h2></div>
<iframe id="myDialogBox" src="./dialog_box.html" style="display:none"> </iframe>
<input type="button" id="dbbutton" name="dbbutton" value="Open Dialog Box"
onClick="javascript:handleDialogButton();" />
</body>
</html>
函数handleDialogButton（）
{
var theFrame=document.getElementById（“myDialogBox”）；
theFrame.style.display=“block”；
框架；
}
你好，世界。这是主页。
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<head>
<script>
function handleCloseDialogButton()
{
}
</script>
</head>
<body>
<div id="myDiv"> <h2> Hello world. I am the dialog box.</h2></div>
<input type="button" id="cbbutton" name="cbbutton" value="Close Dialog Box"
onClick="javascript:handleCloseDialogButton();" />
</body>
</html>
函数handleCloseDialogButton（）
{
}
你好，世界。我正在打开对话框。
function handleCloseDialogButton()
{
window.parent.document.getElementById('myDialogBox').style.display="none";
}
注意：这在Chrome的文件模式下不起作用。你们必须把你们的网页放在网络服务器上，然后在Chrome浏览器上也能工作
window.location.href=“main\u page.html”document.getElementById（“myDialogBox”）.style.display=“none”