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>

  • 相关阅读:
    27 Spring Cloud Feign整合Hystrix实现容错处理
    26 Spring Cloud使用Hystrix实现容错处理
    25 Spring Cloud Hystrix缓存与合并请求
    24 Spring Cloud Hystrix资源隔离策略(线程、信号量)
    23 Spring Cloud Hystrix(熔断器)介绍及使用
    22 Spring Cloud Feign的自定义配置及使用
    21 Spring Cloud使用Feign调用服务接口
    20 Spring Cloud Ribbon配置详解
    19 Spring Cloud Ribbon自定义负载均衡策略
    18 Spring Cloud Ribbon负载均衡策略介绍
  • 原文地址:https://www.cnblogs.com/111wdh/p/12690123.html
Copyright © 2011-2022 走看看