<!DOCTYPE html>
<html>
<head>
<script
type="text/javascript"
src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.js"
></script>
</head>
<body>
<pre id="out"></pre>
<script type="text/javascript">//<![CDATA[
const go = (s) => out.innerHTML += '\n' + s;
go('out1');
$(document).ready(function(){
go('r1');
$(window).on('load hashchange', function(event) { go('LH'); });
$(window).on('load', function(event) { go('LL'); });
$(window).on('hashchange', function(event) { go('HH'); });
$(window).on('pageinit', function(event) { go('PI'); });
go('r2');
});
go('out2');
$(window).on('load', function(event) { go('LOUT'); });
//]]></script>
</body>
</html>