html页面间传值（url的形式进行传递）

最新推荐文章于 2023-06-28 14:34:07 发布

原创最新推荐文章于 2023-06-28 14:34:07 发布 · 1.1k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#js

Jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍两种JavaScript方法来解析URL中的参数，包括单个参数和多个参数的情况，通过实例展示如何获取如'id'和'image'等具体参数的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一种(单个参数):

 var url=window.location.search; //获取url中"?"符后的字串  
     if(url.indexOf("?")!=-1){
          var id = url.substr(url.indexOf("=")+1);
     }

第二种(多参):

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];}
       }
       return false;
}
//如果参数中有中文.使用 decodeURI()进行转码
使用实例
url 实例：

http://www.lovejava.com/index.html?id=1&image=awesome.jpg
调用 getQueryVariable("id") 返回 1。

调用 getQueryVariable("image") 返回 "awesome.jpg"。