在打印预览对话框中单击取消和打印按钮时需要关闭iframe

时间:2015-03-13 05:34:53

标签: javascript jquery html5 iframe

我在点击打印按钮时打开iframe,需要在点击取消或打印按钮时关闭该iframe。点击取消或打印按钮iframe消失但仍然可以在DOM中看到相同的iframe,因此需要删除相同的。

是否有任何回调事件,如onclick on print或者printpreview中的取消按钮javascript ???

提前致谢.....

1 个答案:

答案 0 :(得分:1)

你是什么意思"打开/关闭"一个iframe?

  • 您可以在点击事件
  • 上显示/隐藏iframe

<强> HTML

<h1>click me to show/hide the iframe</h1>
<button onclick="showHide()"> Click-2</button>
<iframe id="myframe" style="display:none" src="home.html"></iframe>

<强>的javascript

function showHide()
 {
   $("#myframe").toggle();
 }

  • 您可以打开一个新窗口并在特定操作上附加window.close()事件。

<强> HTML

<h1>click me to open a new window</h1>
<button onclick="openWindow()"> Click-1</button>

<强>的javascript

function openWindow()
{
  var myWindow = window.open("", "MsgWindow", "width=200, height=100");
  myWindow.document.write(" <h5>click me to clsoe this window</h5>");  
  myWindow.document.write("<button onclick='window.close()'>close</button>");  
}

Demo

干杯!