如何使用JavaScript从URL中获取变量并将其显示在屏幕上

How can I grab variable from URL using JavaScript and display it on screen?

本文关键字：显示 屏幕 变量 JavaScript 何使用 URL 获取      更新时间：2023-09-26

我正在使用以下脚本：

        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方法不起作用。我做错了什么？

加载页面时应该调用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>

您可以创建一个从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')返回它。

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);
相关文章：