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">> 组织架构管理</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"); }
}