随笔档案

如何用CSS控制链接在新窗口打开

作者：dozb

一般控制链接在新窗口打开，我们在html中这样做：

<a class="newwinopen" href ="http://dozb.blogchina.com" target="_blank">http://dozb.blogchina.com</a>

可是要是对于同一页面的所有链接都要求在新窗口打开，在每个链接中都要写上target="_blank"，未免有些烦琐。实际上，可以通过CSS来巧妙实现这个功能，代码如下：

<style>
a:active {
text:expression(target="_blank");
}
</style>
<a href ="http://dozb.blogchina.com">http://dozb.blogchina.com</a>

可以试一试点击下面的链接，看看效果如何：

http://dozb.blogchina.com

这里实际上是利用了style中的expression来执行javascript表达式，通过这个例子，我们可以举一反三，扩展到其他应用中去。