DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> JQuery實現的在新窗口打開鏈接的方法小結
JQuery實現的在新窗口打開鏈接的方法小結
編輯:JQuery特效代碼     
第一種:下面的代碼是針對jb51這個樣式下的a都是在新窗口打開
代碼如下:
<script type="text/javascript">
jQuery(document).ready(function($) { $('.jb51 a').attr({target: "_blank"}); });
</script>


第二種:
代碼如下:
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// open url in new a window
$(document).ready(function(){
$("a").attr("target", "_blank");
});
</script>

在新窗口中打開外部鏈接
代碼如下:
$('a[href^="http://"]')
.attr("target", "_blank");


第三種:如果想更方便的控制
XHTML 1.0 Strict 版本不支持 target="_blank" 屬性,而使用 JQuery 能很好地解決這個問題,實現新窗口打開網頁:
代碼如下:
$('a[@rel$='external']').click(function(){
this.target = "_blank";
});

/*
Usage:
<a href="http://www.poluoluo.com/" rel="external">poluoluo.com</a>
*/
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved