URL变更不刷新页面的方法，Window和window的区别

1. window.name=1;

2. console.log(Window.name);//Window

3. console.log(window.name);//1

4. console.log(window instanceof Window);//true

window是Window的一个实例

 

 

//更改url地址，不刷新

    var params = new URLSearchParams(location.search.slice(1));

    params.set('AppKey', appkey);

    params.set('pageId', key);

    window.history.replaceState({}, '', `${location.pathname}?${params}`);

//替换指定传入参数的值,paramName为指定参数,replaceWith为新值,isRefresh为是否刷新新页面1表示是
//调用方法：replaceParamVal("puid","600",0),表示在地址栏上修改成正确的参数puid=600，不刷新页面
//调用方法：replaceParamVal("puid","600",1),表示在地址栏上修改成正确的参数puid=600，然后刷新页面
function replaceParamVal(paramName,replaceWith,isRefresh) {
    var oUrl = this.location.href.toString();
    if(paramName&&replaceWith){
        if(oUrl.indexOf(paramName+"="+replaceWith)>1){
            return;
        }
    }
    if(oUrl.indexOf(paramName)>0){
    var re=eval('/('+ paramName+'=)([^&]*)/gi');
    var nUrl = oUrl.replace(re,paramName+'='+replaceWith);
    }else{
        if(oUrl.indexOf("?")>0){
          var nUrl =oUrl+"&"+paramName+"="+replaceWith;
        }else{
            var nUrl =oUrl+"?"+paramName+"="+replaceWith;
        }
    }
    this.location = nUrl;
    var stateObject = {id:""};
    var title="";
    history.replaceState(stateObject,title,nUrl);
    if(isRefresh){
    window.location.href=nUrl
    }
}