页面套一个iframe，页面如何自动生成iframe告诉，使iframe高度自适应

最近遇见一个问题，一个页面套了一个iframe标签，iframe子页面内容高度不固定，如何保证让父页面高度自动按照iframe的高度来生成，不生成滚动条？

页面标签（注意：ifame一定要写onload标签）

<div>
    <iframe id="index" class="map-container ifm" style="width: 100%;" src="" frameborder="0" onload="setIframeHeight(this)"></iframe>
</div

页面JS（注意：这段JS一定要引入在页面的最上面）

<script type="text/javascript" src="../jquery-1.11.3.min.js"></script>
  <script>
    function setIframeHeight(iframe) {
		if (iframe) {
			var iframeWin = iframe.contentWindow || iframe.contentDocument.parentWindow;
				if (iframeWin.document.body) {
				iframe.height = iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
				var height=iframeWin.document.documentElement.scrollHeight || iframeWin.document.body.scrollHeight;
				$(iframe).css('height',(height+50));
			    
			}
		}
	};
  </script>