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

转载网址：http://hi.baidu.com/pdj408/item/b3cfdb2adbf736c6a517b698

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<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中一段代码

1
2
3
4
5
6
7
8
9
10
<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>");

}

 

posted @ 2013-01-28 14:49  lraa  阅读(7607)  评论(0)    收藏  举报