2012-06-15 77 views
0

我對JavaScript的,我正在學習一種新的語言有點懷疑A HREF ...Javascript和使用變量

我有一個包含鏈接的變量,如

var Link = "http://www.example.com/search?q=javascriptvariable&k=&e=1"; 

我'想要按下按鈕並轉到鏈接,我已經保存在變量鏈接中。我試過了:

<a href=Link><input type="submit" value="Go" /></a> 

怎麼了?

PS

我想編輯的聯繫是不是我的網頁的鏈接(我不能使用this.document.location.href)。我的按鈕應該將用戶重定向到另一個網站並進行自定義搜索。

PPS 如果你想要一個例子。我的網站上有一個文本框。如果用戶在我的文本框中寫入內容並單擊Go按鈕,我的文本框中的文本將替換 http://search.aol.com/aol/search?enabled_terms=&s_it=comsearch51&q=JAVASCRIPTVARIABLE中的JAVASCRIPTVARIABLE,並將打開AOL研究頁面。

+0

你是如何輸出的是HTML ? –

+1

您不能將JavaScript變量用作此類HTML屬性的值。你爲什麼認爲你可以?你應該閱讀更多介紹材料。另外,在鏈接中有一個按鈕非常奇怪。 –

+0

@FelixKling記住OP說他們正在學習。有幫助而不是評判。 –

回答

1

讓你的鏈接

<input type="button" value="Go" onclick="document.location= Link;" /> 
+0

真的嗎?我建議完全刪除鏈接,或按鈕,其中之一。 –

+0

按鈕是醜陋和難以風格 - 你總是可以通過編程方式添加鏈接,但我個人更喜歡這樣做,以便我可以看到我的佈局將看起來像 – Mike

1

您需要使用JavaScript進行設置。使用按鈕也更好。

HTML:

<button id="go">Go!</button> 

的JavaScript:

var Link = 'http://jsfiddle.net' 

document.getElementById('go').onclick = function() { 
    document.location= Link; 
};​ 

工作例如:http://jsfiddle.net/PfWdW/

+0

這是真的,但我不認爲這是一個非常有用的答案。 –

+0

@FelixKling我在編輯我的答案。 :P – trumank

0
<input type="button" value="Go" onclick="location.href=Link;" /> 

只是注意到我不會推薦這種類型的方法..但直接回答它的上述作品。爲什麼不使用沒有腳本的普通鏈接?

2

給的鏈接的ID首先,

<a id="someLink"><input type="submit" value="Go" /></a> 

然後,在你的JavaScript,你需要

var Link = "http://www.example.com/search?q=javascriptvariable&k=&e=1"; 
document.getElementById('someLink').href = Link; 
+0

我認爲這是最好的方法,因爲html代碼保持純html編碼分開完成。 – acme

0

請試試這個代碼:

<input type="button" value="Go" onclick="window.location.href='http://www.example.com/search?q=javascriptvariable&k=&e=1'" />