html链接中的target属性

首先来个例子,苹果中国表示在新窗口(标签页)中加载苹果中国的页面。这里的target取值还可以是_self_parent_top等,具体如下:

html链接中的target属性_第1张图片
target属性取值.png

在特定的frame中打开链接

首先,我们需要创建frame,这里使用frameset,具体如下:
test.html的内容:




HTML Target Frames


   
   


在这里我将整个页面划分成了两列,第一列的宽度为整个页面宽度的20%,剩余的宽度为第二列占有。第一列加载的页面为menu.html,其名称为menu_page,第二列加载的页面为main.html,名称为main_page。

现在我们尝试在menu页面中点击链接,而在main页面中加载链接中指定的页面或url。

menu.html的内容:







在这个页面中,我设置了一个列表,其中包含三个链接列表项,当点击的时候,会在名称为main_page的frame中加载,如果对应的frame不在,则在新标签页中加载。

main.html的内容:




这是主页面,链接的内容将在这里显示

你可以开始点击左边的链接,然后查看其内容

最后分享一个如何创建子frameset的方法,如下




A frameset document


  
      
      
  
  
  


以上内容将创建如下的布局:

html链接中的target属性_第2张图片
frame_layout.png

也就是说,当我们想将某个frame再划分的时候,只需要用一个frameset去替代就可以啦。

你可能感兴趣的:(html链接中的target属性)