新窗口打開超鏈接的技巧

超鏈接跳轉常用在友情鏈接中，或鏈接到其他網站，爲了可以把你的訪問者繼續留在自己的主頁而使用的一個技巧。現在我就要說說常用的幾種跳轉技巧：

1.使用html標籤的target屬性：

該方法恐怕是大家使用最多的方法，也是所有web工具所默認的。只需在鏈接a標籤中加入屬性target屬性即可：如下

<a href="http://www.ihiro.org/ title="Hiro's Blog" target="_blank">www.ihiro.org</a>

在web標準流行的當代，也許大家已經發現，該方法不能通過W3C的驗證。

2.使用Javascript代碼:

在a標籤中加入rel=“external”屬性:如下

<a href="http://www.ihiro.org/ title="Hiro's Blog" rel="external">www.ihiro.org</a>

運用jQuery框架，在頁面中導入js文件，編寫代碼：如下

<script type="text/javascript">
        $('a[rel*=external]').attr('target', '_blank');
</script>

該方法好處是欺騙了瀏覽器，可以通過W3C的驗證。

附加技巧：

在一列友情鏈接都需要跳轉時，我們不可能爲每個a標籤都添加rel=“external”屬性.這是可以使用類或id的方法：如下

<ul class="external">
        <li><a href="http://www.ihiro.org/ title="Hiro's Blog">www.ihiro.org</a> </li>
        <li><a href="http://www.ihiro.org/ title="Hiro's Blog">www.ihiro.org</a> </li>
        <li><a href="http://www.ihiro.org/ title="Hiro's Blog">www.ihiro.org</a> </li>
        <li><a href="http://www.ihiro.org/ title="Hiro's Blog">www.ihiro.org</a> </li>
</ul>

jQuery代碼：如下

<script type="text/javascript">
        $('ul.external li a').attr('target', '_blank');
</script>

這樣這個ul列表中的所有友情鏈接都可以實現頁面跳轉了。

總結：

當然你也可以不使用jQuery框架，直接使用普通的javascript編寫也可以實現，但沒有jQuery實現的如此優雅。上文中的external其實是可以隨便命名的，自需要保持javascriprt中的名稱相同即可。