获取和更改页面Url地址栏后面的参数

最新推荐文章于 2024-04-21 15:38:24 发布

原创最新推荐文章于 2024-04-21 15:38:24 发布 · 8.3k 阅读

4 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

40 篇文章

订阅专栏

本文详细介绍了如何通过JavaScript获取URL地址中的参数值，并提供了修改URL参数的方法。包括使用正则表达式匹配URL参数，以及如何通过函数替换URL参数值。适用于前端开发者在构建网页应用时对URL参数进行灵活操作。

//接受URL地址参数 
function getQueryString(name) {                                       //name为传入参数
    var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");     
    var r = window.location.search.substr(1).match(reg);
    if (r != null) return unescape(r[2]); return null;						
}

alert( getQueryString('num') )             //接受到num的值

例如：
	地址栏地址为：http://secondboy.coding.io/?num=92
	那么调用函数：getQueryString('num'); 接收到的值就是92。、

假如参数后面是中文需更改为：//接受URL地址参数
function getQueryString(name) { //name为传入参数
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return decodeURI(r[2]); return null;
}

PS：

	var urlIndex = document.location.href;         //获取地址栏地址

	document.location.hash = "?page="+1;           //更改地址栏地址


 更改url后面参数：

//替换指定传入参数的值,paramName为参数,replaceWith为新值 function replaceParamVal(paramName,replaceWith) { var oUrl = this.location.href.toString(); var re=eval('/('+ paramName+'=)([^&]*)/gi'); var nUrl = oUrl.replace(re,paramName+'='+replaceWith); this.location = nUrl; 　　window.location.href=nUrl }

调用方法：replaceParamVal("vid", vid)