100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 地址html后面传参 JS中获取地址栏url后面的参数的三种方法

地址html后面传参 JS中获取地址栏url后面的参数的三种方法

时间:2018-12-10 19:04:20

相关推荐

地址html后面传参 JS中获取地址栏url后面的参数的三种方法

这里提供了三种获取地址栏url后面参数的方法:

方式1

传参:

window.location.href = "/html/bsp/user/userEdit.html?name=四个空格&age=2";

获取参数:

function getParams() {

var params = {};

if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {

var paramArray = unescape(this.location.search).substring(1, this.location.search.length).split("&");

if (paramArray.length > 0) {

paramArray.forEach(function (currentValue) {

params[currentValue.split("=")[0]] = currentValue.split("=")[1];

});

}

}

return params;

}

var name = getParams().name;

方式2

传参:

var params = {};

params['name'] = '四个空格';

params['age'] = '2';

window.location.href = "/html/bsp/user/userEdit.html?" + new URLSearchParams(params);

获取参数:

function urlParams(){

var searchParams;

if (this.location.search.indexOf("?") == 0 && this.location.search.indexOf("=") > 1) {

searchParams = new URLSearchParams(this.location.search.substring(1, this.location.search.length));

}

return searchParams;

}

var name = urlParams().get('name');

方式3

传参:

window.location.href = "/html/bsp/user/userEdit.html?name=四个空格&age=2";

获取参数:

(function ($) {

/**

* 获取地址栏指定参数,添加jQuery扩展

* */

$.getUrlParam = function (name) {

var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");

var r = window.location.search.substr(1).match(reg);

if (r != null) return unescape(r[2]);

return null;

}

})(jQuery);

var name = $.getUrlParam('name');

参考文章:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。