无为清净楼资源网 Design By www.qnjia.com
有时我们想实现这样一个功能,点击一个链接,如果这个链接浏览器已经打开过,则刷新已经打开的链接窗口;如果这个链接没有打开过,则使用新窗口打开这个链接页面。
这是一个非常好的体验增强功能,可以有效避免浏览器选项卡中打开重复多余的页面。
关键是如何实现呢?
使用a标签的target属性特性:
无论是a链接元素还是form表单元素都有一个名叫target的属性,支持的值包括下面这些:
- _self:默认值。当前浏览器上下文。
- _blank:通常是一个新的标签页,但是用户可以配置浏览器,是否在新窗口打开。
- _parent:当前浏览器上下文的的父级上下文,如果没有父级,则行为类似_self。
- _top:最顶级的浏览器上下文。如果没有祖先上下文环境,则行为类似_self。
实际上,target还有一个隐藏特性,那就是可以指定为具体的URL地址或者任意自定义的名称。
例如:
<a href="http://www.baidu.com" target="http://www.baidu.com">空白页</a>
此时,如果浏览器已经有标签页的地址是blank.html,则点击上面的链接并不会打开新窗口,是直接刷新已经打开的blank.html;如果浏览器中没有地址是blank.html的标签页,则此时target属性的行为表现类似'_blank'。
也就是说,我们要想实现链接地址自动刷新和新窗口打开的这个需求,知道设置链接元素和表单元素的target属性值为目标URL地址值就好了。
因此,如果想要实现所有的搜索结果页都使用一个标签页选项卡,需要使用其他办法,很简单,指定为相同的值即可,例如:
<a href="blank.html?s=1" target="_search">空白页?s=1</a> <a href="blank.html?s=2" target="_search">空白页?s=2</a>
可以看到,href="blank.html?s=1"和href="blank.html?s=2"
会指向同一个页面,不会打开俩个新窗口。
总结
要想实现a元素href链接自动刷新或新窗口打开的功能,只需要设置target属性值和href属性值一样就好了。
这个特性IE浏览器,Firefox浏览器,以及Chrome浏览器都是支持的,放心使用。
无为清净楼资源网 Design By www.qnjia.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
无为清净楼资源网 Design By www.qnjia.com
暂无评论...
更新日志
2024年06月14日
2024年06月14日
- 华晨宇2020-新世界2CD[天娱传媒][WAV+CUE]
- 谭维维《传说 DSD》[WAV分轨][565M]
- 雷婷《雷婷出击》[WAV+CUE][550M]
- 杨钰莹《杨钰莹·精选集》[WAV+CUE][622M]
- 杜德伟.1994-未变过【滚石】【WAV+CUE】
- 林一峰.2013-Playlist【LYFEMusic】【FLAC分轨】
- 陈升.2015-是否,你还记得【新乐园】【WAV+CUE】
- 世界启元新手开荒阵容怎么组 萌新零氪组队攻略
- 世界启元一周可以抽多少次卡 一周抽卡次数介绍
- 世界启元乔瓦娜双攻队怎么玩 乔瓦娜双攻队阵容推荐
- 张学友《丝丝记忆情歌精选LPCD45》2007[FLAC+CUE]
- 张明敏《中国人中国心SACD精逊24bit[WAV]
- 群星-《唱给岁月的歌》CD1[WAV+CUE]
- 陈盈洁.1982-有人这么说(2016禾广复刻版)【乡城】【WAV+CUE】
- 刘锡明.1998-把你交给谁才不后悔【代言者】【WAV+CUE】