如何用CSS实现在新窗口打开链接

前几天碰到个难题，有个文字广告，是用js调用的，但是其链接是在本窗口打开，有点不爽。

因为其内容无法更改，又不想在整个页面上使用<base target="_blank">来实现页面上所有链接都在新窗口打开，所以当时就没法子了：（

今天，想到上月更新的文章中提到expression功能，不妨用这个试试，测试成功！贴出来与大家分享：）

实现此功能的CSS是：a:active {text:expression(target="_blank");}

解释一下，这是利用expression来执行javascript语句，对IE5及更高版本的浏览器有效。详情请阅读：CSS中expression使用简介及相关文章。

以下是我在我的页面中做的定义，可实现部分链接在新窗口打开：
<style type="text/css">
.hxlad{width:210px;border:1px solid #AAA;}
.hxlad2{width:210px;border:1px solid #AAA;}
.hxlad a:active {test:expression(target="_blank");}
</style>
在Body中一段
<div class="hxlad">
<a href=http://www.itlearner.com>itlearner</a>
</div>
<div class="hxlad2">
<a href=http://www.itlearner.com>itlearner</a>
</div>
这样在默认情况下前一个链接会在新窗口打开，而后一个链接只会在原窗口打开。

• 收藏此页到 IE收藏夹 POCO网摘 [365Key] [ViVi] 百度藏搜 和讯网摘 天极网摘 狐摘 向您的朋友推荐此文章
• 转载请注明来源：文章大全 网址：http://www.itlearner.com/article/
• 文章关键词：css
• 如意搜索搜索更多内容：如何用CSS实现在新窗口打开链接
• 特别声明： 本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转载的文章有版权问题请联系我们，我们会尽快予以更正。

• 上一篇文章：Windows虚拟内存加速密籍
• 下一篇文章：新百家姓出炉：李王张继续位列姓氏前三甲