利用js让用户控制是否在新窗口打开链接

web基础,JavaScript 2012-08-20

该功能原理为遍历所有的a标签,checkbox选中是把所有的target设为"_blank",反之设为空值。

代码由两部分组成,首先是js部分,如下:


然后是一个checkbox,也可以换成别的,例如按钮或者个性的图片,这里以checkbox举例,因为相比checkbox更容易获得状态,演示看起来更简单清晰,代码如下:


在适当为位置插入这两部分代码,就可以做到当打勾是该页所有链接都在新窗口打开,反之亦然。

通常这个功能放在页头或页尾,方便对整站的控制,也可以设置cookie来记住用户的选择。

测试地址:www.apieye.com/plus/70.html


本文由 Jazzy 创作,采用 知识共享署名 3.0,可自由转载、引用,但需署名作者且注明文章出处。

还不快抢沙发

添加新评论