Document Ready

Simplest document ready code. Tested in IE9, Firefox, Chrome.

by Jernej Slejko

HTML

<p id='interactive'></p>
<p id='complete'></p>

CSS

body { font: 16px arial}

JavaScript

document.onreadystatechange = function () {
  var state = document.readyState
  console.log(state)
  if (state == 'interactive') {
      document.getElementById('interactive').innerHTML = 'Document ready to accept interactions.'
  } else if (state == 'complete') {
      document.getElementById('complete').innerHTML = 'Document completely loaded'
  }
}