实现左侧导航栏点击，右侧显示对应页面的布局

简单介绍下面js代码的意思：

<script type="text/javascript">
$(function() {
var height=document.documentElement.clientHeight;
document.getElementById('iframe-page-content').style.height=height+'px';
});
var menuClick = function(menuUrl) {
$("#iframe-page-content").attr('src',menuUrl);
};
</script>

第一段代码作用是为了保证iframe中右侧页面的高度，使之和浏览器客户端高度一致；
第二段代码作用是实现点击左侧菜单栏，右侧内容页随之改变的效果，iframe中改变其src即可改变它加载的内容

显示一侧的代码：

<iframe id="iframe-page-content" src="${base}resource/html/myindex.jsp" width="100%"  frameborder="no" border="0" marginwidth="0" marginheight=" 0" scrolling="no" allowtransparency="yes"></iframe>