子框架页面链接改变(js方法)

A是主页面,B,C,D是A框架中的一个,B中有一个链接要改变A框架中页面的改变,怎么处理:用js

A页面

<#include "../mainHeader.ftl">
<script type="text/javascript" src="${base}/js/navi/topNavi.js"></script>
<script type="text/javascript" src="${base}/resources/js/script.js"></script>
<div class="banner">
    <div class="center" style="position: relative;">
        <ul class="top_menuList">
            <li>
                <a href="javascript:void(0);" linkto="${base}/student/studentCenter">学生中心</a>
            </li>
            <li>
                <a href="javascript:void(0)">实习管理</a>
                <dl style="display:none">
                 <dd><a href="javascript:void(0);" linkto="${base}/student/practice/practiceTaskListForStudent">实习任务</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/practice/getPracticePostApplyList">申请实习</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/practice/getPracticePostApplyPassList">我的实习</a></dd>
                   
                </dl>
            </li>
            <li>
                <a href="javascript:void(0)">职位管理</a>
                <dl style="display:none">
                    <dd><a href="javascript:void(0);" linkto="${base}/student/openJobPostListUrlByStu">搜索职位</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/myJobOfferApplyList">我的求职</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/myJobOfferColList">我的收藏</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/resume/resumeList">我的简历</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/myJobWorkbackList">就业反馈</a></dd>
                </dl>
            </li>
            <li>
                <a href="javascript:void(0);" linkto="${base}/student/practiceSumarize/list">实习报告</a>
            </li>
            <li>
                <a href="javascript:void(0)" linkto="${base}/student/practice/practiceScoreListForStudent">实习成绩</a>
            </li>
            <li>
                <a  href="javascript:void(0);">订单班级</a>
                <dl style="display:none">
                    <dd><a href="javascript:void(0);" linkto="${base}/student/orderclass/orderClassListForStudent">订单班级</a></dd>
                    <dd><a href="javascript:void(0);" linkto="${base}/student/orderclass/myOrderClassListForStudent">我的订单班级</a></dd>
               </dl>
            </li>
        </ul>
        <div class="location"><b></b>当前位置:<span id="currentPath">&gt; 组织架构管理</span></div>
    </div>
</div>

<div class="content center">
    <div class="wrapper" style="MARGIN-RIGHT: auto; MARGIN-LEFT: auto;">
        <div class="framemain wrapper">
        <#include "../mainFrame.ftl">
        </div>
    </div>
    <div class="clear"></div>
</div>
<!-- footer-fixer -->
<div class="footer-fixer"></div>
</div>
<#include "../mainFooter.ftl">

B页面

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta http-equiv="Content-Type" content="text/html" charset="utf-8">
    <link rel="stylesheet" type="text/css" href="${base}/resources/css/style.css">
    <link rel="stylesheet" type="text/css" href="${base}/resources/css/teacher.css">
    <link rel="stylesheet" type="text/css" href="${base}/resources/js/calendar/sys.css">
    <link rel='stylesheet' type="text/css" href='${base}/resources/js/calendar/fullcalendar/fullcalendar.css'/>
    <script type="text/javascript" src="${base}/resources/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="${base}/resources/js/jquery.form.js"></script>
    <script type="text/javascript" src='${base}/resources/js/calendar/fullcalendar/fullcalendar.simple.js'></script>
    <style>
        .fc-event-inner {
            20px;
            height: 24px;
            background: url(${base}/resources/js/calendar/fullcalendar/tip.png);
        }
    </style>
</head>
<body style="text-align:left;">
<script type="text/javascript">
    $(function () {
        $("#fastLink li").click(function () {
            window.parent.openNaviLink($(this).text());
        });
      
        $("#survery").click(function () {
      
            if('${(intEngName)!}' !=null && '${(intEngName)!}' !=''){
            window.open("${cmsPath}/${(intEngName)!}/index.jhtml");
           }
        });

        $("#newdMor").click(function () {

            window.open("${cmsPath}");

        });
        //点击获取更多校内公告
        $("#noticeA").click(function () {
      
         if('${(noticeEngName)!}' !=null&& '${(noticeEngName)!}' != ''){
       
             window.open("${cmsPath}/${(noticeEngName)!}/index.jhtml");
            }else{
              alert("该模块已被管理员删除!");
            }
        });
    });
    function noticeShow(id) {
    
     
       window.open("${cmsPath}/schoolnotice/" + id + ".jhtml");
   
      
    }
    function newShow(id) {
     
         window.open("${cmsPath}/news/" + id + ".jhtml");
    
    }

</script>
<div class="center" style="995px">
    <div class="list-block2 fl">
        <div class="list-title2">
            <a href="javascript:void(0);" id="noticeA">more</a><strong style="160px"><b
                class="b1"></b>校内公告</strong>
        </div>
        <ul class="item-list3">
        <#if noticeTitleList ??>
        <#list noticeTitleList as notice>
            <li><a href="javascript:void(0);" onclick=noticeShow(${notice.id})>${notice.title
                }</a></li>
        </#list>
        </#if>
        </ul>
    </div>
    <div class="list-block2 fr">
        <div class="list-title2">
            <strong><b class="b2"></b>快捷入口</strong>
        </div>
        <ul id="fastLink" class="icon-list">
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon2.gif"><p>搜索职位</p></a></li>
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon3.gif"><p>实习报告</p></a></li>
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon6.gif"><p>实习任务</p></a></li>
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon4.gif"><p>申请实习</p></a></li>
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon5.gif"><p>我的简历</p></a></li>
            <li><a id="survery" href="javascript:void(0);"><img src="${base}/images/entrance_icon7.gif"><p>调查问卷</p></a></li>
            <li><a href="javascript:void(0);"><img src="${base}/images/entrance_icon8.gif"><p>实习成绩</p></a></li>
        </ul>
    </div>
    <div class="list-block2 fl">
        <div class="list-title2">
            <a href="javascript:void(0);" id="newdMor">more</a><strong style="160px"><b
                class="b3"></b>新闻消息</strong>
        </div>
        <ul class="item-list3">
        <#if newList ??>
        <#list newList as new>
            <li><a href="javascript:void(0);" onclick=newShow(${new.id})>${new.title}</a></li>
        </#list>
        </#if>

        </ul>
    </div>
    <div class="list-block2 fr">
        <div class="list-title2">
            <strong style="160px"><b class="b4"></b>日程管理</strong>
        </div>
        <div class="calendar">
            <div id='calendar' class=""></div>
        </div>
    </div>
    <div class="clear"></div>
</div>


</body>
<script type="text/javascript">
    function jumpToCalendar(date){
        window.location.href = "${base}/student/personCenter?date=" + date;
    }
    var option = {
        header: {left: 'prev', center: 'title', right: 'next'},
        defaultView: 'month',
        height: 180,
        selectable: true,
        selectHelper: true,
        select: function (start, end) {
            window.location.href = "${base}/student/personCenter?date=" + start.getTime();
        },
        events: function (start, end, callback) {
            //初始化当天的事件
            $.post('${base}/${role}/calendar/joinDateJsonWithTitle',
                    {start: start.getTime(), end: end.getTime()},
                    function (data) {
                        var events = [];
                        $.each(data.rows, function (index, val) {
                            var eventsDay = new Date(val.time);
                            events.push({
                                start: new Date(eventsDay.getFullYear(), eventsDay.getMonth(), eventsDay.getDate()),
                                tip: val.title
                            });
                        });
                        callback(events);
                    });
        }
    };

    $(function () {
        var calendar = $('#calendar').fullCalendar(option);
    });
</script>
</html>

核心代码

function openNaviLink(name){

   var link = $(".top_menuList li a:contains("+name+")");

   if( link.length > 0 && typeof(link.attr("linkto")) != "undefined")

  { link.trigger("click"); }

  else{ link = $(".top_menuList li dl dd a:contains("+name+")"); link.trigger("click"); }

}

原文地址:https://www.cnblogs.com/gtaxmjld/p/4414463.html