2012-09-20 99 views
9

試圖讓我的按鈕的行爲像一個鏈接(嘗試<A>標籤,它會工作,如果你打開一個新的標籤,但不是,如果你點擊它,然後嘗試此代碼,並沒有什麼建議?Javascript按鈕重定向

<button onClick="location.href='/secure/edit.aspx?id=671'">Edit</button> 
+0

適用於我:http://jsfiddle.net/NTICompass/vFfq3/1/ –

回答

7
<button onclick="window.location='/secure/edit.aspx?id=671'">Edit</button> 
2

嘗試用window.location的

<button onClick="window.location='/secure/edit.aspx?id=671'">Edit</button> 
15

你需要明確說window.location因爲this在按鈕的背景下是個e按鈕對象本身。通常,JavaScript運行在window對象的上下文中,因此您不需要這樣做。

<button onClick="javascript:window.location.href='/secure/edit.aspx?id=671'">Edit</button> 

(另外,我也想明確指出劇本javascript:,但這純粹是個人的事情。)

+0

'javascript'標籤沒用。 – RobG

+0

冗餘,而不是無用的。請參閱https://gist.github.com/3770452但是,爲什麼我喜歡將它包含在內,因爲我相信它提高了可讀性。 –

+1

取決於語言。在美國英語中,冗餘通常用於表示「備份」或「故障轉移」(例如,用於應急電源的冗餘系統)。在其他英語版本中,冗餘意味着不必要或過剩,因此它是無用的同義詞。 :-) – RobG

0

添加type = "button"

<button type = "button" onClick="window.location='/secure/edit.aspx?id=671'">Edit</button> 

您需要添加type,否則該按鈕將充當提交按鈕並將張貼您的表單而不是重定向到所需的網址。