Resize iFrame Height

<iframe id="my-iframe" height="100%" width="100%" src="child.html" allowtransparency="true" frameborder="0" scrolling="No"></iframe>

if (window.self !== window.top) {
    console.log("Inside a frame."); 
}

// Get child element.
window.frames["iframeName"].document.getElementById(id);
 
// Get child variable.
window.frames["iframeName"].propertyName;
 
// Run child function.
window.frames["iframeName"].functionName();

// Get parent element.
parent.document.getElementById(id);
 
// Get parent variable.
parent.propertyName;
 
// Run parent function.
parent.functionName();

window.onload = function (e) {
    var iframeElement = document.getElementById("my-iframe"),
        size = getSize(iframe);
    iframeElement.style.height = size.height + "px";
    iframeElement.style.width  = size.width + "px";
};

function getSize(iframe) {
    var doc    = iframe.contentDocument ? iframe.contentDocument : iframe.contentWindow.document,
        body,
        html,
        height = 0,
        width  = 0;
 
    // from http://stackoverflow.com/questions/1145850/get-height-of-entire-document-with-javascript
    doc  = doc || document;
    body = doc.body;
    html = doc.documentElement;
 
    height = Math.max(body.scrollHeight, body.offsetHeight, html.clientHeight, html.scrollHeight, html.offsetHeight);
    width  = Math.max(body.scrollWidth, body.offsetWidth, html.clientWidth, html.scrollWidth, html.offsetWidth);
 
    console.log("body.scrollHeight = " + body.scrollHeight + ", body.offsetHeight = " + body.offsetHeight);
    console.log("html.clientHeight = " + html.clientHeight + ", html.scrollHeight = " + html.scrollHeight + ", html.offsetHeight = " + html.offsetHeight);
 
    return {height: height, width: width};
}