点击导航栏切换iframe内容

<ul>
            <li><a src="path1" target="my_iframe"></a></li>
            <li><a src="path2" target="my_iframe"></a></li>
            <li><a src="path3" target="my_iframe"></a></li>
            <li><a src="path4" target="my_iframe"></a></li>

</ul>

 

<iframe name="my_iframe" id="my_frame" src="default" scrolling="no" οnlοad="changeFrameHeight()"></iframe>

<script type="text/javascript">
        function changeFrameHeight(){
            var iframe= document.getElementById("my_iframe");
            iframe.height= 0;   //这里必须要先设置成0，不然后面会有问题
            iframe.height=iframe.contentWindow.document.body.scrollHeight;
        }

        //监听浏览器窗口变换，这里采用jquery，不然在ie中会出现问题
        $(window).resize(function() { 
            changeFrameHeight();
        });

</script>