前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js获得页面get跳转的参数

js获得页面get跳转的参数

作者头像
程序新视界
发布2019-08-14 14:12:37
11.8K0
发布2019-08-14 14:12:37
举报
文章被收录于专栏:丑胖侠丑胖侠

通过js获得页面跳转参数

页面通过window.kk或通过window.parent.kk进行页面跳转,在新的页面如何获得相应的参数呢?

window.kk方式

其中去除“#”号是因为url参数中还添加了#的参数。

代码语言:javascript
复制
function GetRequest(name) {
    var url = window.location.search; //获取url中"?"符后的字串
    // var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        if(str.indexOf("#" != -1)){
            str = str.substr(0);
        }
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            if(strs[i].indexOf(name) != -1){
                return strs[i].split("=")[1];
            }
        }
    }
    return null;
}

window.parent.kk

代码语言:javascript
复制
function GetRequest(name) {
    var url = window.parent.location.search; //获取url中"?"符后的字串
    // var theRequest = new Object();
    if (url.indexOf("?") != -1) {
        var str = url.substr(1);
        if(str.indexOf("#" != -1)){
            str = str.substr(0);
        }
        strs = str.split("&");
        for(var i = 0; i < strs.length; i ++) {
            if(strs[i].indexOf(name) != -1){
                return strs[i].split("=")[1];
            }
        }
    }
    return null;
}

这两者区别的地方是获取的url,与跳转的页面方式保持一直。

其他方式

网络上也提供了其他方式,可参照上面对应修改获得url的方式。

代码语言:javascript
复制
function GetRequest() {
 var url = window.location.search; //获取url中"?"符后的字串
 var theRequest = new Object();
 if (url.indexOf("?") != -1) {
     var str = url.substr(1);
     strs = str.split("&");
     for(var i = 0; i < strs.length; i ++) {
         theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
     }
 }
 return theRequest;

原文链接:https://www.choupangxia.com/2019/08/04/js获得页面get跳转的参数/

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019年08月04日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 通过js获得页面跳转参数
    • window.kk方式
      • window.parent.kk
        • 其他方式
        领券
        问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档