[JavaScript] ウィンドウのリサイズに合わせてコンテンツの高さを調整

resize.js

function resizeContents() {
  var contentsElem = document.getElementById("contents"),
      headerElem = document.getElementById("header"),
      parentH = contentsElem.offsetParent.clientHeight,
      headerH = headerElem.offsetHeight,
      paddingH = 10 * 2;
  try {
    contentsElem.style.height = (parentH - headerH - paddingH) + "px";
  } catch (e) {
    // ignore error
  }
}
window.onload = function () {
  resizeContents();
};
window.onresize = function () {
  resizeContents();
};