html代码中让链接在新窗口中打开的写法

时间:2020-12-09 12:07:02

作者:iamlaosong

学习html,想到点击链接时,有时在原窗口打开,有的则在新窗口打开,这个链接在写法上有什么差别呢?网上搜了一下,发现原来是在链接中增加target属性并将值设成_blank,这样就可以在新的窗口打开页面了,没有这个属性则在原窗口打开。代码如下:

<html>
  <head>
    <title>一个Html文档</title>
  </head>
  <body>
    <p>欢迎访问<a href="http://www.jb51.net">脚本之家old_win</a>! </p>
    <p>欢迎访问<a href="http://www.jb51.net" target="_blank">脚本之家new_win</a>!</p>
  </body>
</html> 

target 属性的含义 
_blank 在一个新的空窗口中装载文档,新窗口没有命名。 
_parent 在链接所在窗口的直接父窗口中装载文档。 
_search 在浏览器的搜索区装载文档,注意,这个功能只在Internet Explorer 5 或者更高版本中适用。 
_self 在链接所在的窗口中装载文档。 
_top 在最上层窗口中装载文档。


改变target值,测试其效果,发现了一个有趣的现象:如果值为空,则在原窗口打开链接;而除了上面值之外的其它任何值,则都相当于_blank ,链接在新窗口打开,例如:

<html>
  <head>
    <title>一个Html文档</title>
  </head>
  <body>
    <p>欢迎访问<a href="http://www.jb51.net" target="">脚本之家old_win</a>! </p>
    <p>欢迎访问<a href="http://www.jb51.net" target="new">脚本之家new_win</a>!</p>
  </body>
</html>