Popup Windows Triggers When Pages Are Unloaded

Q

How to trigger popup windows automatically when pages are unloaded with JavaScript?

✍: FYIcenter.com

A

If you want to trigger a popup window whenever a Web page is unloaded, you can use the "onunload" attribute in the HTML BODY tag to call a predefined JavaScript function. See the following JavaScript code outline:

<body onunload="pBodyOnunloadTest();">
...

<script language="JavaScript">
/*
*  Popup Blocker Test - P_BODY_ONUNLOAD
*  - Popup Window Triggered by Page Unloading Events
*
*  A popup window shows up when a page is unloaded from the
*  browser. JavaScript codes implemented on the onunload 
*  event of the BODY tag.
* 
*  Version of 2007.01.01
*  Download at http://sqa.fyicenter.com/tools/
*  Copyright (C) 2007 FYIcenter.com. All rights reserved.
*/
function pBodyOnunloadTest() {
   fyicenterWin = window.open('', 'Popup', 'toolbar=no,sc...
   fyicenterWin.document.write('<html><body bgcolor="#eee...
   fyicenterWin.document.write('<p><b>P_BODY_ONUNLOAD Tes...
   fyicenterWin.document.write(' - Popup Window Triggered...
   fyicenterWin.document.write(' - Developed by FYIcenter...
   fyicenterWin.document.write('<p><img src="popup_test_f...
   fyicenterWin.document.write('If you see this popup win...
   fyicenterWin.document.write('</body></html>');
   fyicenterWin.document.close();
}
</script>

You can also visit Popup Blocker Test - P_BODY_ONUNLOAD page to get the complete source code and to see how it works.

2007-01-17, 6907👍, 0💬