js_导航与内容

  <div id="nav">  
    <ul>  
      <li><a href="#" onclick="loadContent1('select')">1.查看员工信息</a></li>  
      <li><a href="#" onclick="loadContent1('search')">2.搜索员工信息</a></li>  
      <li><a href="#" onclick="loadContent('insert')">3.新增员工信息</a></li>  
      <li><a href="#" onclick="loadContent('update')">4.更新员工信息</a></li>  
      <li><a href="#" onclick="loadContent('delete')">5.删除员工信息</a></li>  
    </ul>  
  </div>  
    
  <div id="content">  
    <div id="contentArea"></div>  
  </div>  
    
  <script>  
    function loadContent(page) {  
      document.getElementById("contentArea").innerHTML = '<object type="text/html" data="' + page + '.html" width="100%" height="100%"></object>';  
    }  
    function loadContent1(page) {  
      document.getElementById("contentArea").innerHTML = '<object type="text/html" data="' + page + '.jsp" width="100%" height="100%"></object>';  
    } 
  </script>