在Javascript中獲取URL

好吧，我是JavaScript新手，需要一些幫助。處理頁面上的向前/向後按鈕。本質上，url看起來像這樣http://webaddress.com/details?id=27在Javascript中獲取URL

所以，我的兩個函數是爲了提取url並轉發到同一頁面，當點擊其中一個按鈕時，根據需要遞減或遞增細節id。例如，當有人點擊下一個按鈕時，顯示id=28;如果點擊前一個，則顯示id=26。

我認爲它就像子字符串，我已經看到它在某個地方做過，但不知道如何完成。

我需要如何接近它的想法。任何幫助將不勝感激。

更新：我正在使用@ gion_13的代碼，但看起來像我想念的東西。它似乎沒有工作。任何其他幫助將不勝感激。

2011-09-29 Helen Neely

function parseUrl(){ 
    if(location.href.indexOf('?') == -1) 
     return null; 
    var aux = location.href.split('?'); 
    var result = { 
     'href' : aux[0], 
     'params' : {} 
    }; 
    var p = aux[1].split('&'); 
    for(var i=0,l=p.length;i++) 
     { 
      var kv = p[i].split('='); 
      params[kv[0]] = kv[1]; 
     }   
    return result; 
} 

function reconstructUrl(obj){ 
    if(!obj) 
     return location; 
    var url = obj.href + '?'; 
    for(var i in obj.params) 
     url += i + '=' + obj.params[i] + '&'; 
    return encodeURI(url); 
} 

function getNextUrl(){ 
    var urlObj = parseUrl(); 
    urlObj.id++; 
    return reconstructUrl(urlObj); 
} 

function getPrevUrl(){ 
    var urlObj = parseUrl(); 
    urlObj.id--; 
    return reconstructUrl(urlObj); 
}

來源

2011-09-29 12:13:38

非常感謝此代碼。我很感激它 - 我剛剛添加了並且沒有任何工作。有什麼我失蹤了。再次感謝你的幫助。 –

雖然代碼對我來說不起作用，但它給了我一些思考和適應我需要的東西。再次感謝。 –

好吧，我還沒有測試過，但主要想法就在那裏。爲了讓它在你的情況下工作，你應該寫這樣的東西：'' –

window.location對象具有您需要的URL信息。你可以使用正則表達式來解析它。下面是一些參考：

來源

2011-09-29 11:58:50 FishBasketGordo

窗口。位置不返回GET參數。您需要使用document.URL –

您必須使用整個位置對象。 'window.location.search'具有查詢參數。 – FishBasketGordo

要訪問的頁面的URL，使用document.URL，例如：

document.write(document.URL);

然後，您可以修改URL並打開新的URL。

有關大量提示和提示，請參見JavaScript HTML DOM Examples。

來源

2011-09-29 11:59:43

您可以使用location.href來獲取或設置URL。

http://developer.mozilla.org/en/window.location

使用exec提取標識符。

extracted_id = /id=([0-9]+)$/.exec(location.href)[1]

http://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/RegExp/exec

來源

2011-09-29 12:04:10

感謝您的提示，但看起來您的方法假設用戶在Mozilla瀏覽器上。 –

Mozilla只是託管它 - 它不是瀏覽器特定的（除非另有說明）。 – 2011-09-29 13:09:43

讀取URL作爲var url = document.location.href
使用正則表達式的indexOf或「=」或document.location.search找到當前頁面沒有
解析爲int和+/-頁碼
重建該網址
document.location.replace（newurl）

來源

2011-09-29 12:06:02 hungryMind

我打算回答這個問題，但你在2分鐘內擊敗了我！ ;） –

NP，下次嘗試，並更快:) – hungryMind

@hungryMind - 感謝提示，將看到的是工作。 –

如果需要，您可以不使用Javascript。我認爲使用PHP更高效，因爲即使某些用戶禁用Javascript，它也可以工作。

你可以嘗試得到一個這樣的ID：

<?php $my_id = $_GET['id']; ?>

來源

2011-09-29 14:02:07 sticksu

謝謝，但你看過這個問題嗎？你的代碼看起來很平凡。 –

在Javascript中獲取URL

回答

相關問題