window.onload Function Chaining

If you find this helpful, please click the Google Button to the left, if it is white, to make it turn blue or red. Thank you! (It also helps find this page again more easily.)

window.onload Function Chaining Design Pattern

window.onload Function Chaining Design Pattern for JavaScript

window.onload Function Chaining Design Pattern Code

window.onload Function Chaining Code for JavaScript

<script>
// see http://www.CodeDesignPatterns.com/javascript/window-onload-function-chaining/
function onloadFunction(prevOnloadFunction) {
   return function() {
      <#before previous window.onload function>
      if (prevOnloadFunction) prevOnloadFunction();
      <#after previous window.onload function>
   };
}
window.onload = onloadFunction(window.onload);
</script>

window.onload Function Chaining Examples

Examples of window.onload Function Chaining in JavaScript

<script>
// see http://www.CodeDesignPatterns.com/javascript/window-onload-function-chaining/
function onloadFunction(prevOnloadFunction) {
   return function() {
      alert('This happens before the previous window.onload function');
      if (prevOnloadFunction) prevOnloadFunction();
      alert('This happens after the previous window.onload function');
   };
}
window.onload = onloadFunction(window.onload);
</script>

Valid HTML 5