头部是li的iframe公共方法切换，点击其中的搜索跳转到新的界面，但是再次点击头部加载原来的iframe内容

逻辑思路：头部是li的iframe公共方法切换，点击其中的搜索跳转到新的界面，但是再次点击头部加载原来的iframe内容。点击li其中的iframe的src加载js中的界面，然后隐藏搜索的内容id="wraper".

1.点击搜索跳转到新的界面.jsp

    
class="header">
        
class="header-wrap">
            
            
class="header-wrap-list">
                
class="tab-nav">首页
                
部门
                
我的
                
知识统计
            
        
    

    

        
    

        
class="box-content">
    
            

            
class="box-search">
                
class=" mt10 search-wrap s-wrap">
                    class="search search-text"/>
                    class="btn searchBtn" value="搜索" />
                    class="btn searchBtn" value="结果中搜索" />
                    
                    
                    
                    
                    
                    
                        
                        if test="${fn:contains(requestScope.searchParam.facet,s) }">
                            
                                if test="${fn:contains(c,s) }">
                                    
                                if>
                            
                        if>
                        
                    
                     
class="clear">
                    
class="box-search-type">
                        class="pr15">知识来源：
                        for="sys_all">if test="${empty(requestScope.searchParam.system)}">checked="checked"if> class="chkAll" chkListCls="sys_item" />全部
                        <%--for="sys_kms">if test="${fn:contains(requestScope.searchParam.system,'kms')||empty(requestScope.searchParam.system)}">checked="checked"if>  value="kms"  class="sys_item" id="sys_kms" name="system"/>知识库
                        for="sys_paper">if test="${fn:contains(requestScope.searchParam.system,'other')||empty(requestScope.searchParam.system)}">checked="checked"if> value="other" class="sys_item" id="sys_paper" name="system"/>外部知识--%>
                        
                            for="sys_${source.objdesc}">if test="${fn:contains(requestScope.searchParam.system,source.objdesc)||empty(requestScope.searchParam.system)}">checked="checked"if> value="${source.objdesc}" class="sys_item" id="sys_${source.objdesc}" name="system"/>${source.objname}
                        
                    
                    
class="box-search-type">
                        class="pr15">匹配方式：
                        for="search_content">
                            if test="${empty(requestScope.searchParam.searchField) }">checked="checked"if> value=""  id="search_content" name="searchField"/>按内容搜索 
                        
                        for="search_title">
                            if test="${requestScope.searchParam.searchField=='title' }">checked="checked"if> value="title" id="search_title" name="searchField"/>
                            按标题搜索
                        
                        for="accuracy_search">
                            if test="${requestScope.searchParam.isAccuracySearch==1 }">checkedif> id="accuracy_search" type="checkbox" />
                            是否完全匹配
                        
                    
                    
class="box-search-type">
                        class="pr15"> 排序方式 ：
                        for="order_score">if test="${empty(requestScope.searchParam.orderField) }">checked="checked"if> value=""  id="order_score" name="orderField"/>按匹配度排序
                        for="order_date">if test="${requestScope.searchParam.orderField=='createtime' }">checked="checked"if> value="createtime" id="order_date" name="orderField"/>按时间排序
                    
                    
class="box-search-type">
                        class="pr15">文档类型：
                        for="type_all">if test="${empty(requestScope.searchParam.fileType) }">checked="checked"if> value="" name="fileType"/>全部 
                        for="type_doc">if test="${fn:contains(requestScope.searchParam.fileType,'doc') }">checked="checked"if> value="doc,docx" id="type_doc" name="fileType"/>DOC
                        for="type_ppt">if test="${fn:contains(requestScope.searchParam.fileType,'ppt') }">checked="checked"if> value="ppt,pptx" id="type_ppt" name="fileType"/>PPT
                        for="type_xls">if test="${fn:contains(requestScope.searchParam.fileType,'xls') }">checked="checked"if> value="xls,xlsx" id="type_xls" name="fileType"/>XLS
                        for="type_pdf">if test="${fn:contains(requestScope.searchParam.fileType,'pdf') }">checked="checked"if> value="pdf" id="type_pdf" name="fileType"/>PDF
                        for="type_txt">if test="${fn:contains(requestScope.searchParam.fileType,'txt') }">checked="checked"if> value="txt" id="type_txt" name="fileType"/>TXT
                    
                
            
                
                
                
class="clear">
            

2.公共的js文件内容

window.onload = function () {
    onloadHeight()
}
$(document).ready(function () {
    $(".header-wrap-list li").click(function () {
        $(this).addClass("tab-nav");
        $(this).siblings().removeClass("tab-nav");
        var itemId = $(this).index();
        var iframe = document.getElementById('frame')
        if (itemId === 0){
            iframeSrc('frame', "/kms/newpage/pages/index/index.jsp")
            // onloadHeight()
            $('#wraper').css('display','none');
        } else if (itemId === 1) {
            iframeSrc('frame', "/newpage/getDepCategory.do")
            // onloadHeight()
            $('#wraper').css('display','none');
        } else if (itemId === 2) {
            iframeSrc('frame', "/kms/zone/getMyCenter.do")
            // onloadHeight()
            $('#wraper').css('display','none');
        } else {
            console.log(3)
            // onloadHeight()

        }
    })
})
function iframeSrc(frame, src) {
    var iframe = document.getElementById(frame)
    iframe.src = src
}

function onloadHeight() {
    var ifm = document.getElementById("frame");
    var subWeb = document.frames ? document.frames["frame"].document : ifm.contentDocument;
    // console.log(subWeb);
    if (ifm != null && subWeb != null) {
        //清除上一个子页面高度的影响
        $("#frame").height(0);
        $("#frame").height(subWeb.body.scrollHeight);
    }
}