>  기사  >  웹 프론트엔드  >  html代码中让链接在新窗口中打开的写法_html/css_WEB-ITnose

html代码中让链接在新窗口中打开的写法_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:47:231642검색

作者:iamlaosong

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

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

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


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

      <title>一个Html文档</title>        <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>   


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.