2011-06-02 43 views
0

我是JavaScript新手,並且遇到了特別困難的時間,想知道如何使用onClick將新網址寫入現有函數。如何使用onClick編寫或替換函數中的url?

下面是更多的一些信息:

我想有這樣的事情

<script type="text/javascript"> 

    function addurl(){ 
    "server": [ 
       { 
        "position": "center", 
        "url": "New_Url" 
       } 
       ] 
        } 
    </script> 

    <div id="urlbutton"></div> 
    <input type="button" onclick="????" value="url123"> 

基本上我想點擊不同的按鈕/鏈接時替換「URL」。我今天花了幾個小時試圖弄清楚這一點,現在我基本上都轉過身來不知道該怎麼做。

任何類型的幫助將不勝感激!

+0

你能確認你想要更換哪個網址嗎?我不太理解。你在哪裏「???」你可以用javascript:addUrl()來調用你的函數。您還需要防止按鈕的默認提交。 – Ben 2011-06-02 06:08:24

回答

0

自從我使用Javascript以來,一個月過去了,但在這裏... 我找到了一個可以幫助您的網站。它看起來更老,但工作。

鏈接是在這裏:http://www.htmlgoodies.com/tutorials/buttons/article.php/3478871/So-You-Want-A-Link-Button-Huh.htm

這是他認爲:

<FORM> 
    <INPUT TYPE="button" onClick="parent.location='page.html'"> 
    </FORM> 

只要改變了「page.html中」你要點擊進入該頁面的URL。我不會在這裏介紹JavaScript的概念,但如果您願意瞭解更多信息,請參閱我的JavaScript引擎。

希望這會有所幫助。

0

試試這個

<script type="text/javascript"> 

    function addurl(newUrl){ 
    "server": [ 
       { 
        "position": "center", 
        "url": newUrl 
       } 
       ] 
        } 
    </script> 

<input type="button" onclick="addUrl();" value="url123"> 
1

你的函數的內容應該是一系列語句;你的樣本更像是(幾乎)一個對象文字。所以那不會運行。

Intially我會忽略你的幾乎對象字面,因爲我不明白你想要做什麼。相反,按鈕可以通過兩種方法調用函數來設置頁面的URL,即使瀏覽器從當前頁面導航到該URL。第一個將URL傳遞給函數。第二種方法是將對按鈕的引用傳遞給該函數,然後從該引用訪問該按鈕的「值」屬性。另外我已經給出了一種設置URL的方法,但沒有函數。

注意:我不確定這些中的任何一個在網頁上是否明智。如果您想導航到其他網址,請使用<a>標籤,以便它適用於不含JavaScript的用戶。但無論如何...

function addUrl(newUrl) { 
    window.location.href = newUrl; 
} 
function addUrl2(btn) { 
    window.location.href = btn.value; 
} 

<input type="button" value="My URL" onclick="addUrl('someURL');"> 
<input type="button" value="www.google.com" onclick="addUrl2(this);"> 
<input type="button" value="Something" onclick="window.location.href='www.google.com';"> 

如果你真正要做的是更新一些數據結構,那麼,也許更多的東西像這樣(假設你的數據對象有一個「服務器」屬性,它的URL對象的數組,就像你似乎試圖做你的原始功能):

var myData = { 
    "server": [ {"position": "center", 
       "url": "New_Url" } ] 
}; 

function addUrl(newUrl) { 
    myData["server"].push{"position":"center", 
         "url" : newUrl}); 
} 
function updateUrl(index,newUrl) { 
    myData["server"][index]["url"] = newUrl; 
} 
相關問題