导航栏，如何才能做到点击之后在同一页面显示

2013-07-04

求助导航栏，怎么才能做到点击之后在同一页面显示%@ page languagejava contentTypetext/htmlcharse

求助导航栏，怎么才能做到点击之后在同一页面显示

<%@ page language="java" contentType="text/html;charset=gbk" buffer="100kb"%>

<%@taglib prefix="s" uri="/struts-tags"%>
<%
String basicId;
basicId="";
%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>丝绸文物管理系统</title>
<link href="../css/bootstrap.css" rel="stylesheet">
<style>
.divself {
padding: 0px;
margin: 0px;
border: 1px solid red;
}

.space {
margin: 10px;
}
</style>
<script src="../js/jquery-1.7.2.min.js"></script>
<script src="../js/plugins/bootstrap-dropdown.js"></script>
<script src="../js/plugins/bootstrap-tab.js"></script>

<style type="text/css"> 
.tableStyle 
{ 
border-collapse: collapse; 
width:90%; 
} 
td 
{ 
font-size:12px; 
height:25px; 
border:1px solid #CCD5E8; 
} 
.btn1 { 
font-size:12pt; color: #003399; 
border: 1px #003399 solid; 
color:#006699; 
border-bottom: #93bee2 1px solid; 
border-left: #93bee2 1px solid; 
border-right: #93bee2 1px solid; 
border-top: #93bee2 1px solid; 
background-color: #e8f4ff; 
cursor: pointer; 
font-style: normal ; 
width:20px; 
height:22px; 
font-family:Verdana;font-family:Georgia;_font-family:Tahoma; 
padding:0 10px 1px;padding:3px 3px 1px;_padding:0 4px 1px; 
line-height:18px;line-height:14px;_line-height:16px; 
} 
</style> 
</head>
<body>

<br>
<div class="navbar">
    <div class="navbar-inner">
      <div class="container">
        <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a> 
 
        <a href="#" class="brand">丝绸文物数据库录入系统</a>
        <div class="nav-collapse">
          <ul class="nav">
            <li class="active"><a href="homepage.jsp" TARGET="main">首页</a></li>
            <li><a href="basic_form.jsp" TARGET="main">信息录入</a></li>
            <li><a href="queryData.jsp" TARGET="main">信息查询</a></li>
            <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">查询模块 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="queryFibre.jsp" TARGET="main">查询纤维表</a></li>
                      <li><a href="#">查询表二</a></li>
                      <li><a href="#">查询表三</a></li>
                      <li class="divider"></li>
                      <li><a href="#">链接</a></li>
                    </ul>
                  </li>
           
          </ul>
          <form action="" class="navbar-search pull-left">
            <input type="text" placeholder="搜索" class="search-query span2"> 
 
          </form>
          <ul class="nav pull-right">
            <li class="dropdown">
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">账号 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                      <li><a href="modifyPassword.jsp" TARGET="main">修改密码</a></li>
                      <li><a href="<s:url action="processLogout"/>">退出</a></li>
                      <li><a href="#">动作</a></li>
                      <li class="divider"></li>
                      <li><a href="#">链接</a></li>
                    </ul>
                  </li>
            <li><a href="#">链接</a></li>
            <li class="divider-vertical"></li>
            
          </ul>
        </div><!-- /.nav-collapse -->
      </div>
    </div><!-- /navbar-inner -->
  </div>




<iframe src="frame.jsp" id="main" name="main" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" ></iframe>

<script type="text/javascript" language="javascript">    
 
function iFrameHeight() {   
var ifm= document.getElementById("main");   
var subWeb = document.frames ? document.frames["main"].document : ifm.contentDocument;   
if(ifm != null && subWeb != null) {
   ifm.height = subWeb.body.scrollHeight;
}   
}   
</script>

  </body>
  </html>

我写了一个导航栏，但是点击导航栏的时候总是在新窗口打开了？需要在同一个页面下打开啊。。不能在我指定的iframe中吗？还是不要用iframe？ajax不知道怎么写啊，求大神解答~
[解决办法]

引用:

Quote: 引用:

看你的代码应该没问题，检查最后生成的html代码是存在多个name为main的对象

将TAEGET="main" 改成小写的试试target="main"

这个ifamme标签只是在页面加载的时候确定高度，用了js自适应高度函数，但是在加载之后，高度就固定了，这时页面添加表格的多行，内容就显示不了了。。。有解决方法吗，还是得用ajax？谢谢斑竹了

不需要ajax，js动态设置iframe里面的不会触发iframe的onload事件，所以没有自动调整高度

可以在iframe里面的js执行添加操作后通过parent对象等到父页的引用，调用iFrameHeight调整高度就行了

//添加表格的多行代码

parent.iFrameHeight()///

参考：iframe和父页，window.open打开页面之间的引用

热点排行

Ajax

导航栏，如何才能做到点击之后在同一页面显示