zoukankan      html  css  js  c++  java
  • frameset 和iframe框架标签

    可同时引入两个页面,可在网页一半相同的情况下更改另一个页面

    <html><!-- 框架标签 -->
    <frameset cols="50%,50%"><!-- rows是横着排 -->
    <frame src="004.html" > <!-- 引入页面 -->
    <frame src="001.html" >
    </frameset>
    <!-- <noframes><!-- 浏览器不支持时 -->
    <!-- <frame src="001.html" >
    <frame src="004.html" >
    </noframes> -->
    </html>

    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    </head>
    <body>
    <table border="1" cellspacing="" cellpadding="">
    <tr><th>Header</th></tr>
    <tr><td>Data</td></tr>
    </table>

    <p><a href="001.html" target="ifram">123</a></p>                               点击123进入001页面                                                                       
    <iframe src="002.html" width="200" height="200" name="ifram" frameborder="0"></iframe>                      网页本身显示的页面
    <!--frameborder边框 内敛框架 --><!-- 本来是002页面,点击123后改成001页面,name和target值相等 -->

    </body>
    </html>

    <body>
    <p>第一个页面</p>
    <p><a href="第四个页面l" target="ifram">123</a></p>                                                     原网页打开是第二个页面(第二个页面包含了第三个页面),点击123显示04网页
    <iframe src="第二个页面l" width="200" height="200" name="ifram" frameborder="0"></iframe>
    </body>

    <body>
    <p>第二个页面</p>  
    <p><a href="第四个页面l" target="ifram">2</a></p>                                                         显示第三个页面,点击3跳转百度页面
    <iframe src="第三个页面l" width="200" height="200" name="ifram" frameborder="0"></iframe>
    </body>

    <body>
    <p>第三个页面</p>
    <a href="http://www.baidu.com" target="_top">3</a>                                                         a标签里target属性_top跳转最上层页面(第一个页面)_parent跳转上一层(第二个页面)
    </body>

  • 相关阅读:
    巨蟒python全栈开发-第3天
    python全栈开发-第1天
    2018.11.23-day28 异常处理&hashlib
    面试题1
    if __name__ == "__main__": 怎么理解?
    2018.11.23-day27 面向对象(大总结)
    2018.11.23-day26 面向对象(终结)
    20181125 test
    (39.1) Spring Boot Shiro权限管理【从零开始学Spring Boot】
    Android一键换肤功能:一种简单的实现
  • 原文地址:https://www.cnblogs.com/111wdh/p/12690123.html
Copyright © 2011-2022 走看看