首页 > web前端 > html教程 > html代码中让链接在新窗口中打开的写法_html/css_WEB-ITnose

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

WBOY
发布: 2016-06-24 11:47:23
原创
1685 人浏览过

作者: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>   
登录后复制


来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板