zoukankan      html  css  js  c++  java
  • HTML框架

    框架集的使用

     1 <!DOCTYPE html>
     2 <html>
     3 <head lang="en">
     4     <meta charset="UTF-8">
     5     <title>主页</title>
     6 </head>
     7 <frameset cols="20%,50%,30%">
     8     <frame src="framea.html"/>
     9     <frame src="frameb.html"/>
    10     <frame src="framec.html"/>
    11 </frameset>
    12 </html>

    frameset和frame标签已经过时了。

    框架集不能定义在body标签

    cols表示横向排列,rows表示纵向排列

    frameset中还能再嵌套frameset


    内联框架

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>主页</title>
    </head>
        <iframe src="framea.html"></iframe>
        <iframe src="frameb.html"></iframe>
        <iframe src="framec.html"></iframe>
    </html>

    framea.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="blue">
        FrameA<br/>
        <a href="http://www.jikexueyuan.com" target="_top">极客学院</a>
    </body>
    </html>

    frameb.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="#7fffd4">
        FrameB<br/>
        <iframe src="framea.html" width="400px" height="400px"></iframe>
    </body>
    </html>

    framec.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body bgcolor="#faebd7">
        FrameC<br/>
        <iframe src="frameb.html" width="600px" height="600px"></iframe>
    </body>
    </html>

    index.html

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>主页</title>
    </head>
        <iframe src="framec.html" frameborder="0" width="800px" height="800px"></iframe>
    </html>

     关于target属性,可以有两种使用方式

    第一种:内置的打开方式,主要是新标签打开,当前页面打开,上一级框架打开,顶层框架打开

    第二种:在创建iframe的时候指定name属性,那么在<a>标签的target值就可以是name值,会在指定的iframe框架中打开页面

  • 相关阅读:
    javascript Ajax类
    C# 使注册表修改后立即生效
    MSSQL:创建临时表并赋值
    sql语句创建[表][列]带描述
    flash调用js中的方法,让js传递变量给flash (兼容 IE & FF)
    SQL中日期转换方法大全
    MSSQL:表变量的声明和赋值
    各种编程方面的CHM参考帮助手册(ADO参考手册、JavaScript参考手册、DHTML参考手册、TransactSQL参考手册、等等)
    vim命令的使用技巧
    Linux 如何启动mail邮件服务
  • 原文地址:https://www.cnblogs.com/sherrykid/p/4573363.html
Copyright © 2011-2022 走看看