Question

我有一个使用框架设计的主页（homepage.php）。在框架的各个部分，我有不同的页面显示，页眉页面（header.php）和页脚页面（footer.php）。当用户点击标题（header.php）部分的“注销”按钮时，如何加载新页面（signin_up.php）离开主页（homepage.php）？

homepage.php

<html>
<head>
    <title>lect Group</title>
    <style>
.foo {
  width: 200px;
  height: 200px;
  overflow-y: hidden;
}
</style>
</head>

<frameset scrolling="no" rows="8%,84%,8%" framespacing="30" frameborder="yes" border="5" bordercolor="#999999">
  <frameset scrolling="no">
   <frame scrolling="no" seamless="seamless" class="foo" name="top" src="header.php"/> </frameset>
<frameset cols="22%,78%"  frameborder="yes"  >

   <frame class="foo" scorlling="no" noresize="noresize" name="accod" src="" />
   <frame scrolling="yes" src="" name="main" />

    </frameset><frameset>

<frame name="foot" src="footer.php" /> </frameset>  </frameset> 
   <noframes>
   </noframes>

</html>

的header.php

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">
    <title>Head</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/lightbox.css">
    <link href="jumbotron.css" rel="stylesheet">
    <script src="../../assets/js/ie-emulation-modes-warning.js"></script>
  </head>
   <body>
    <div class="bs-example">
    <div class="panel-group" id="accordion">
<nav class="navbar navbar-inverse navbar-fixed-top ">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
            <a class="navbar-brand" href="">lect Group</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <form action="signin_up.php" class="navbar-form navbar-right">

           <button type="submit" class="btn btn-success">Sign Out</button>
          </form>
        </div><!--/.nav-collapse -->
      </div> 

    </nav>
    </div></div>
   </body>

</html>

Answer 1

您可以将注销按钮更改为

    <div id="navbar" class="navbar-collapse collapse">
       <a class="btn btn-success" href="signin_up.php">Sign Out</a>
    </div><!--/.nav-collapse -->

如何通过单击框架中的按钮加载不同的页面？

1 个答案: