target的应用

来源:互联网 发布:提分宝典的真实性 知乎 编辑:程序博客网 时间:2024/04/28 16:38

       针对于框加结构的网页。当我们想让整个页面跳转到一个新的页面,而不是框架中的一个页面跳转到一个新的页面时,可以使用target="_parent"来解决。

 

Default.htm

<html>
 <head>
  <title></title>
 </head>
 <frameset rows="90,*" framespacing="0" border="0" frameborder="0">
  <frame name="banner" scrolling="no" noresize target="contents" src="FramTop.htm">
  <frameset cols="180,*">
   <frame name="contents" target="main" src="FramLeft.htm" marginwidth="0" marginheight="0">
   <frame name="main" src="FramMain.htm">
  </frameset>
  <noframes>
   <body>
    <p>This page uses frames, but your browser doesn't support them.</p>
   </body>
  </noframes>
 </frameset>
</html>

 

FramMain.htm

<html>
 <head>
 </head>
 <body>
  <table width="80%">
   <tr>
    <td valign="top" align="center">
     <H1>Main Page</H1>
    </td>
   </tr>
   <tr>
    <td></td>
   </tr>
  </table>
 </body>
</html>

 

FramMain2.htm仅更新FramMain.htm中的Main Page为Welcome即可

Logout.htm仅更新FramMain.htm中的Main Page为See you即可

 

FramLeft.htm

<html>
<head>
    <title></title>
</head>
<body>
<h1>Left Page</h1>
</body>
</html>

 

FramTop.htm

<html>
<head>
    <title></title>
</head>
<body>
<h1>Top Page</h1>
<a href="FramMain2.htm" target="main">Main欢迎</a>
<a href="FramMain.htm" target="main">Main返回</a>
<a href="FramMain2.htm" target="contents">Left欢迎</a>
<a href="FramLeft.htm" target="contents">Left返回</a>
|
<a href="FramMain2.htm">Top欢迎</a>
|
<a href="Logout.htm" target=_self>Top登出</a>
<a href="Logout.htm" target=_blank>弹出新页</a>
<a href="Logout.htm" target=_top>登出</a>
<a href="Logout.htm" target=_parent>登出</a>
<a href="Logout.htm" target=_search>搜索页面登出</a>

</body>
</html>