@lice :: jquery動態產生連結的幾個方法

選單: 首頁 | 標籤 | 地圖 | 留言

搜尋

分類

所有分類

無尾熊

新發現

攝影筆記

最新日誌: The executable was signed..; [jquery]按enter移到下一個..; Facebook 小工具的額外控制; Facebook Graph Api 初試; 透過OAuth使用twitter api(..

最新: 回復; 這是為了要跳過droplist或chec..; next就好了吧; 謝謝你囉, 看來用TryParse方便..; c#當然有判斷是否為數字的方法..; 有找到這個 kb: http://suppor..; 引用

日曆

存檔: 2012|January; 2011|July; 2011|March; 2010|September; 2010|June

標籤: video xcode map SQL software photos error session 旅行 ie8 twitter number iphone apple api asx graph api Life DIV 煙火 Windows form 遊記 webslice string css Tool html Web itunes

鏈接: wowbox blog (網頁設計知識庫); 小小油佳粒

Total : 62144
Today : 67
Yesterday : 59

@lice

blah blah blah

管理頁 | 發表頁

jquery動態產生連結的幾個方法

views: 9833 times
1,2 是不需要JQuery的基本方法

<a href="http://www.google.com" target="_blank">link 1 - google</a>
<div onclick="window.open('http://tw.yahoo.com');">link 2 - yahoo</div>

當連結目標是動態產生時可用下列三種方法
html部份-

<div id="aa">link 3 - imtv</div>
<div id="bb">link 4 - youtube</div>
<div id="cc">link 5 - yam</div>
<form action="" method="get" id="tmpform" target="_blank" style="margin:0px;"></form>

javascript部份-

	$("#aa").click(function(){
		window.open("http://www.im.tv","mywindow");
	});
	var aa = $('＜a＞＜a＞');
	aa.attr({ 
		href:"http://www.youtube.com",
		target:"_blank"
	});
	$("#bb").wrapInner(aa);		
	$("#cc").click(function(){
		$("#tmpform").attr('action','http://www.yam.com');
		$("#tmpform").submit();
	});

*第4行的＜＞符號請自行轉換為半形<>

奇妙的是某些版本的ie6對方法3,5是失效的, 查了半天只查到這個說明:
您無法開啟新的 Internet Explorer Window，或按一下連結後未執行任何動作
遇到這個狀況時, 把方法3的window.open改成location.href就沒問題了~

Tag : javascript, jQuery

發表於 November 17th, 2009 12:37 | 新發現 | Trackback 0 | Comment 0

<< prev [1] next >>

« Nov 2009 »
日	一	二	三	四	五	六
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30