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>

  • 相关阅读:
    23种设计模式
    云计算管理三利器:Nagios、Ganglia和Splunk
    Hadoop 管理监控工具:Apache Ambari
    淘宝数据产品技术架构
    淘宝数据分析工具汇总
    Linux(CENTOS7) RabbitMq安装
    Linux(CENTOS7) Tomcat服务成功发布但局域网浏览器无法访问
    Linux(CENTOS7) Nginx安装
    Linux(CENTOS7) Jdk完整步骤安装
    Oracle存储过程案例集合
  • 原文地址:https://www.cnblogs.com/111wdh/p/12690123.html
Copyright © 2011-2022 走看看