HTML页面加载最后的内容

时间:2017-06-06 23:47:42

标签: html iframe

我有两个页面,index.html和info.html,当我通过index.html打开info.html时,我有4个选项:选项1,选项2,选项3和选项4.

当我打开选项1时,它显示一个图像,我关闭页面再次显示index.html,当我选择再次打开info.html时,它显示最后一个内容,选项1图像。并且它再次显示4个选项。

如何解决?

由于

<!DOCTYPE html>
<html>
<head>
<style>

table {
    font-family: arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

td, th,tr {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    background-color: #dddddd;
}

tr:nth-child(even) {

}
</style>
</head>
<body>

<table>
  <tr>
    <th>Piso</th>
    <th>Sala</th>
  </tr>
 <tr>
    <td>1</td>
    <td>Entrada</td>
     </tr>
   <tr>
    <td>1</td>
    <td><a href="test.html">Option 1</a></td>
     </tr>

      <tr>
    <td>1</td>
    <td>Option 2</td>
     </tr>
      <tr>
    <td>1</td>
    <td>Option 3</td>
     </tr>
      <tr>
    <td>1</td>
    <td>Option 4</td>
     </tr>



</table>

</body>
</html>


  </body>
</html>

Index.html loading info.html:

        INFO

        <iframe align="center"src="INFO.html"  width="100%" height="500" frameBorder="0" scrolling="no" >
        <link href="css/responsive.css" rel="stylesheet">
                                        <p>Your browser does not support iframes.</p>
        </iframe>

    </article>

0 个答案:

没有答案