冲突的javascripts

Question

我的网页上运行了两个javascripts，一个用于根据内容html动态调整iframe高度，另一个用于查找iframe内容页面的标题并将其显示在父页面上。两者都是由其他贡献者在各种论坛上提供的。

我的问题是如果我在父页面代码中显示iframe标题，我得到的是一个带有垂直滚动条的小iframe。您可以在www.katzxstitch.co.uk/shop上看到这一点（点击条款和条件页面）。

如果有人可以提供帮助，我将被迫。我是html（试图学习）的业余爱好者，也是javascript的新手（也在努力学习）。

问候，尼尔。

javascript如下：

将iframe调整为html内容高度：

    function getDocHeight(doc) {
    doc = doc || document;
     // stackoverflow.com/questions/1145850/
    var body = doc.body, html = doc.documentElement;
    var height = Math.max( body.scrollHeight, body.offsetHeight, 
        html.clientHeight, html.scrollHeight, html.offsetHeight );
    return height;
}

    function setIframeHeight(id) {
    var content_iframe = document.getElementById(id);
    var doc = content_iframe.contentDocument? content_iframe.contentDocument:  content_iframe.contentWindow.document;
    content_iframe.style.visibility = 'hidden';
    content_iframe.style.height = "10px"; // reset to minimal height ...
    // IE opt. for bing/msn needs a bit added or scrollbar appears
    content_iframe.style.height = getDocHeight( doc ) + 4 + "px";
    content_iframe.style.visibility = 'visible';
}

iframe标题显示在父页面

document.getElementByName('content_iframe')[0].onload = function(){
    document.title = window.frames.content_iframe.document.title;
};

有人可以提出建议吗