在index.jsp頁面中引入多個頁面,其中需要根據點選不同的地方,改變id=content_right的div中引入的介面,但是不希望重新整理整個頁面.可以利用js在前端動態改變div裡面的內容.

index.jsp

<%@ include file="index_top.jsp"%>
<div id="content">
		<%@ include file="index_table_sort.jsp"%>
		<div id="content_right">
			<%@ include file="right_index.jsp"%>
		</div>
	</div>
 

<ul>
	<li><a onclick="bookFun('right_book.jsp')">圖書資訊維護</a></li>
	<li><a onclick="publishFun('right_publish.jsp')">出版單位維護</a></li>
	<li><a onclick="classFun('right_class.jsp')">書籍類別維護</a></li>
	<li><a onclick="authorFun('right_author.jsp')">作者資訊維護</a></li>
</ul>
 

function loadView(name){
	$("#content_right").empty();
	$("#content_right").load(name);
}
function publishFun(name){
	loadView(name);
}