如何從JavaScript中使用JavaScript獲取變量並將其顯示在屏幕上？

Question

我使用下面的腳本：

 function getQueryVariable(variable) 
{ 
     var query = window.location.search.substring(1); 
     var vars = query.split("&"); 
     for (var i=0;i<vars.length;i++) { 
       var pair = vars[i].split("="); 
       if(pair[0] == variable){return pair[1];} 
     } 
       var id_is = getQueryVariable("id"); 

document.write(id_is); 

     return(false); 

} 

這個腳本應該抓住該變量的值，並在屏幕上顯示出來。它只適用於我使用getQueryVariable（「id」）;在控制檯中，但使用document.write方法它不起作用。我究竟做錯了什麼？

Answer 1

您可以創建一個函數，從URL中獲取的查詢參數，比如這個：

function getURLParameter(name) { 
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[,""])[1].replace(/\+/g, '%20'))||null 
} 

如果查詢hello，它等於world，即http://www.website.com/index.html?hello=world。 然後你可以使用getURLParameter('hello')來返回它。

Answer 2

你應該在頁面加載時調用document.write。

<script type="text/javascript"> 

function getQueryVariable(variable) 
{ 
    var query = window.location.search.substring(1); 
    var vars = query.split("&"); 
    for (var i=0;i<vars.length;i++) { 
      var pair = vars[i].split("="); 
      if(pair[0] == variable){ 
      return pair[1]; 
      } 
    } 
} 


var id_is = getQueryVariable("id"); 

window.onload = function(){ 
    document.write(id_is); 
} 
</script> 

Answer 3

var url =window.location.search; 

function getQueryParam(name,url) { 
    return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(url)||[,""])[1].replace(/\+/g, '%20'))||null 
} 

var result=getQueryParam(id,url); 
document.write(result);