转载：frameset下子frame获取父页面的父页面的子页面中内容

<html> 
    <head> 
        <title>配置管理</title> 
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
        <style type="text/css"> 
            frame{margin: 0;padding: 0;} 
            frameset {margin: 0;padding: 0;} 
        </style> 
    </head> 
            
            
    <frameset rows="88,*,30"  framespacing="0" border="no" > 
        <frame src="${ctx}/jsp/manage/manage-head.jsp" id="head" name="head" scrolling="no" frameborder="0"> 
        <frameset cols="192,*" framespacing="0" border="no"> 
            <frame src="${ctx}/jsp/manage/manage-left.jsp" scrolling="no"  frameborder="0"> 
            <frame src="${ctx}/jsp/manage/manage-context.jsp" name="_link" scrolling="no" frameborder="0"> 
        </frameset> 
        <frame src="${ctx}/jsp/manage/magage-foot.jsp" scrolling="no" frameborder="0"> 
    </frameset> 
</html

我在manage-context.jsp下页面中通过jquery获取/修改manage-head.jsp中的内容

var head=$(window.parent.parent.frames["head"].document);//获取head页面，这是一个文档树对象。

下面是manage-head.jsp中一段代码

<div id="t_div"> 
             <div id="ul" class="t_link_div_left" >    
                <ul class="t_link_class" > 
                    <c:forEach items="${linkList}" var="linkInfo"> 
                        <li class=""><a id="linkUrl" class="link-href-info" target="_link" href="${linkInfo.linkUrl}"><span>${linkInfo.linkName}</span></a></li> 
                    </c:forEach> 
                    <div class="clear"></div> 
                </ul> 
            </div> 
</div>

var div=head.find("#ul"); //获取链接的这个div

var ul=ul.find(".t_link_class");//通过上面div对象获取到ul

ul.find("li").remove();//删除ul下面的所有li

//向ul中添加li

for(var i=0;i<data.list.length;i++){
     var linkUrl=data.list[i].linkUrl;
     var linkName=data.list[i].linkName;
     ul.append("<li class=''><a id='linkUrl' class='link-href-info' target='_link' href="+linkUrl+"><span>"+linkName+"</span></a></li>");