<html>
<head>
<script>
document.querySelector('head').addEventListener('load', function(e){
console.log(e.target.src + ' loadead')
},true);
window.onload = function(event) {
console.log("window fully loaded");
};
document.addEventListener("DOMContentLoaded", function(event) {
console.log("DOM fully loaded and parsed");
});
</script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.js"></script>
<head>
<body>
<img src="http://fc05.deviantart.net/fs71/i/2014/190/2/1/berlin_downfall1945_by_lotharzhou-d7pfolv.jpg" width="100%">
</body>
</html>