iframe框和配合a标签实现窗口间的关联

本文最后更新于2022.04.08-14:38,某些文章具有时效性,若有错误或已失效,请在下方留言或联系涛哥

框架用途

  1. 显示多窗口页面—使用<frameset>框架集—必须写在head标签里
  2. 页面复用—使用<iframe/>内嵌框架

frameset属性

  1. cols="25%,25%,*" –› 左中右以英文逗号隔开,百分比表示窗口大小,*代表剩余部分
  2. rows="25%,25%,*" –› 上下以英文逗号隔开,百分比表示窗口大小,*代表剩余部分
  3. bordercolor边框颜色
  4. frameborder边框

frame

  1. 引入的子页面
  2. 属性:
    1. src:页面的链接地址 从上到下从左到右的顺序进行排列
    2. scrolling:是否显示滚动条
    3. noresize:窗口大小是否拖动
    4. name:窗口名字(必须是有意义的英文名字)
<noframesets>
           <body>
                  如果 浏览器不支持frameset框架,那就显示body里的内容
           </body>
</noframesets>

target属性

  • _blank:在新窗口打开     _self:在自身窗口打开
  • _top:在上级窗口打开     _parent:在父窗口显示

iframe结构

<iframe src="引入页面地址"  name="框架标记名"   frameborder="边框"   scrolling="no" />

实现窗口间关联的步骤:

  1. 设置窗口名(框架主页)
  2. 设置a标签的target属性(窗口子页面)

 

阅读剩余
THE END