iframe

<div id="page-wrapper">
<iframe src="" id="iframe" name="i" style="width: 100%;
background-color: #FFF;
min-height: 1200px;border:none"></iframe>

               </div>

 <li>
                        <a href="#"><img src="assets/img/system_control.png"><span style="margin-left: 18px;">系统管理</span><span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level">
                            <li>
                                <a href="pub_search.html" id="c1" name="pub_search" target="i">机构查询</a>
                            </li>
                            <li>
                                <a href="user_search.html" id="c2" name="user_search" target="i">人员查询</a>
                            </li>
                             <li>
                                <a href="role_user.html" id="c3" name="role_user" target="i" >权限管理</a>
                            </li>
                             <li>
                                <a href="role_manage.html" id="c4" name="role_manage" target="i" >角色管理</a>
                            </li>
                            <li>
                                <a href="role.html" id="c5" name="role" target="i" >角色人员管理</a>
                            </li>
</ul>
                    </li>

<script type="text/javascript">
 $(function(){
 $("#c1").click(function(){
  var name= $(this).attr("name");
  $("#iframe").attr("src",name).ready();
 })
 $("#c2").click(function(){
  var name= $(this).attr("name");
  $("#iframe").attr("src",name).ready();
 })
  $("#c3").click(function(){
  var name= $(this).attr("name");
  $("#iframe").attr("src",name).ready();
 })
 $("#c4").click(function(){
  var name= $(this).attr("name");
  $("#iframe").attr("src",name).ready();

 $("#c5").click(function(){
  var name= $(this).attr("name");
  $("#iframe").attr("src",name).ready();
 })