用CSS设置链接在新窗口打开

小鹰博客7年前网站制作1115

由于工作的需要,需要把某个页面下的所有a标签都设置为新开新窗口,即:

<a href="XXX">

增加target:

<a href="XXX" target="_blank">

但是由于这个页面有500多个a标签,并且有的a标签已经有target属性,有的没有,手动一个一个加显然是不可能的

1. 所以一开始通过js来加:

function addTarget(){

    var tag_a = document.getElementsByTagName('a');

    for (var i = tag.length - 1; i >= 0; i--) {

        tag_a[i].setAttribute("target","_blank");

    };

}

window.onload = addTarget();

但不知为何无法生效。

2. 然后就想到可以通过设置css来使默认的a都自带target属性,即:

a {

    target : _blank;

}

发现也行不通。原因是css中没有target属性,不能直接在css中这样写。

3. 最后查资料,发现可以在head标签中加入:

<base target="_blank" />
成功。

相关文章

CSS实现文章段落首行缩进两个字符不再每次空格

段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 代码如下:<...

解决网站出现DNS域名解析错误的问题

DNS解析就是把你的域名解析成一个ip地址,服务商提供的dns解析就是能够将你的域名解析成相应ip地址的主机。这就是DNS域名解析。DNS解析出现错误,一般是我们把一个域名解析成一个错误的IP地址,或...

target=_blank与target=_self的区别

这二者之间的区别并不在技术实现细节的差别。而在于他们的不同表现形式带给人不同的感受。如对于jsp,asp等动态网页。如果,页面内生成的内容过多,必然导致打开速度慢。而且,当多个栏目共用一个模板时,问题...

可以任意修改网页的源代码

想改网上的网页,有种方法可以任意编辑别人的网页,但是只能改文字图片首先打开任意网页,然后在浏览器地址栏里输入如下代码javascript:document.body.contentEditable=&...

IIS搭建Zblog时出现数据库连接错误的解决方法

IIS搭建Zblog时出现数据库连接错误的解决方法

听说Zblog程序做网站对SEO比较友好,今天就下载Zblog源码在自己电脑上测试一下。本机测试已经从服务器上下载下来的网站,首页打开没问题,但留言板与后台根本无法连接,错误提示信息是“错误原因:数据...

CSS的position:relative与position:absolute的区别

position:absolute这个是绝对定位;它不会随着窗口大小变化,只是固定在一个特定的坐标轴上面;比如:position:absolute;left:20px;top:80px; 这个容器始终...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。