CSS实现部分链接在新窗口打开
网络整理 - 07-29
有时候,我们辛辛苦苦开发一个站点,即将交付使用了,用户提出了一个要求:希望导航、或者产品、或者其它某一类的链接在新窗口打开,一个一个文件去修改可能有几十个、甚至上百个,修改的链接就更多了。我们怎么办呢?可以用CSS实现在新窗口打开链接吗?答案是肯定的。我们可以通过CSS的expression来定义某一部分链接以target="_blank"在新窗口打开,代码如下:
可是这种方法却不能通过W3C验证,那么只好加点手段了!
先将这段CSS代码转换为JS代码,得到的代码如下:
document.writeln("<style type=\"text\/css\">");
document.writeln("<!--");
document.writeln(".target a:active{test:expression(target=\"_blank\");}");
document.writeln("-->");
document.writeln("<\/style>");
由于一般网页都会有调用JS的代码,所以你只需要把上面这段代码插入网站的主要JS文件即可!再在HTML中的head区用JS调用,调用代码如下:
<script type="text/javascript" src="skin/default/js/js.js"></script>
最后在你需要打开新窗口的地方加入class="blank"即可,如:
<div id="footer" class="blank">
需要注意的是:expression是在CSS中嵌入javascript语句执行了target="_blank",对IE5及更高版本的浏览器有效,在非IE浏览器中却无效,兼容各种浏览器的方法详见:。