zoukankan      html  css  js  c++  java
  • 『HTML』Frame框架运用的技术

    运行frame框架前应知道:

      1、frameset(框架的生成的标记)是和html的<body>标签同等级的,所以不能将<frameset></frameset>写在<body></body>标签内部,否则会出错或无法显示;
      2、框架必须正确嵌套,正确形式为:

    1 <frameset cols="" rows="" >
    2 <frame src="" /> <!--LeftFrame页面-->
    3 <frame src="" name="" /> <!--RightFrame页面-->
    4 </frameset>

      3、在框架中至少有3个页面;(很容易混淆,下例以垂直框架为例,这个主体页面分为左右2个框架)
        一个MainFrame页面:用于显示整个框架的主体页面,在这个页面内部划分各个小的frame框架,如上面的代码就是在这个MainFrame页面中编写的。此页面中重要之处是要在RightFrame的frame中添加name属性,这是为了是LeftFrame通过点击其页面内的链接,被链接的页面在RightFrame页面中显示出来。
        另一个LeftFrame页面:左边的页面放置类似导航的页面,在这个页面尤其是要注意添加target属性,target的属性值为在MainFrame页面中提供显示被导航页面的中的name的属性值,即RightFrame页面中添加的name属性的属性值。
        另一个RigthFrame页面:提供被导航的页面,可以是自己的制作的WEB页面,也可以是Internet上的网页。

    具体的实例:

      Mainframe页面中的代码:

    <html>
    <head>
    <title>框架学习</title>
    </head>

    <frameset cols="20%,*" >
    <frame src="LeftFrame.htm" />
    <frame src="RightFrame.htm" name="showContent" />
    </frameset>

    </html>

      LeftFrame页面中的代码:

    <html>
    <head>
    <title>LeftFrame页面</title>
    </head>

    <body>
    <a href="#1" target="showContent" >链接一</a> <!--target属性一定要填,否则不会在RightFrame中显示出要连接到的页面-->
    <a href="#2" target="showContent" >链接二</a>
    <a href="#1" target="showContent" >链接三</a>
    </body>
    </html>

      RightFrame页面是MainFrame页面加载时,右边框架显示的默认页面。当然其他的页面或内容就可以根据需要进行新建制作了,创建好了,只需在LeftFrame页面添加链接,即可以被导航到。

    这个工作完成之后的效果,类似于CSDN开发者社区论坛的显示效果。





  • 相关阅读:
    LintCode-乱序字符串
    LintCode-字符串查找
    LintCode-比较字符串
    LintCode-两个字符串是变位词
    LintCode-不同的子序列
    View(视图)——AutoCompleteTextView、Spinner
    View(视图)——GridView(点击长按删除图片)
    给图片下加字符
    View(视图)——ListView:BaseAdapter、SimpleCursorAdapter
    View(视图)——ListView:ArrayAdapter、SimpleAdapter
  • 原文地址:https://www.cnblogs.com/joma/p/2387362.html
Copyright © 2011-2022 走看看