使用JavaScript重定向URL参数

简单实现使用JavaScript重置url参数，两种方法，一种字符串拼接形式，一种使用正则判断，且都已经测试通过。供大家参考指教。

1、字符拼接形式

function setUri(para, val) {

            var strNewUrl = new String();

            var strUrl = new String();

            var url = window.location.href;

            strUrl = window.location.href;

            if (strUrl.indexOf("?") != -1) {

                strUrl = strUrl.substr(strUrl.indexOf("?") + 1);   //获取参数

                if (strUrl.toLowerCase().indexOf(para.toLowerCase()) == -1) {  //如果没有找到参数,则直接赋值

                    strNewUrl = url + "&" + para + "=" + val;

                    window.location.href = strNewUrl;

                } else {

                    var aParam = strUrl.split("&");

                    for (var i = 0; i < aParam.length; i++) {

                        if (aParam[i].substr(0, aParam[i].indexOf("=")).toLowerCase() == para.toLowerCase()) {

                            aParam[i] = aParam[i].substr(0, aParam[i].indexOf("=")) + "=" + val;

                        }

                    }

                    strNewUrl = url.substr(0, url.indexOf("?") + 1) + aParam.join("&");

                    window.location.href = strNewUrl;

                }

            } else {

                strUrl += "?" + para + "=" + val;

                window.location.href = strUrl;

            }

        }

2、利用正则

  function setPara(para, val) {

             var newpar = "";

             var url = window.location.href;

             var pars = location.search.substring(1);

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

             if (reg.test(pars)) {   //有需要的参数para

                 var p1 = pars.split(para)[0];   //productID=100857&count=1&

                 var p2 = pars.split(para)[1];   //=75825&coupval=1.5&addressID=358&invoiceID=1245&invoiceName=jesse

                 if (p2.indexOf("&") > -1) {

                     var p3 = p2.split("&")[0];

                     if (p3 == "=" + val + "") {

                         return false;

                     }

                     newpar = p1 + para + '=' + val + p2.substr(2);

                 } else {

                     if (p1) {

                         newpar = p1 + para + '=' + val;

                     } else {

                         newpar = para + '=' + val;

                     }

                 }

             } else {

                 if (url.indexOf("?") == -1) {  //没有参数

                     newpar = para + "=" + val;

                 } else {

                     newpar = pars + "&" + para + "=" + val;

                 }

             }

             window.location.href = location.href.split('?')[0] + "?" + newpar;

         }

调用：

<script>

window.onload = function () {

            var btn = document.getElementById("btnClick");

            btn.onclick = function () {

　　　　　　　　　　// url地址:http://localhost:54714/testuri.aspx?productID=100857&count=1&coupresId=12785&coupval=1.5&openId=12456&addressID=358&invoiceID=&invoiceName=

　　　　　　　　　 //setUri("coupresId", 0);

　　　　　　　　　　setPara("coupresId", 0);

　　　　}

　　}

</script>

<input type="button" id="btnClick" value="重定义参数" />

使用JavaScript重定向URL参数的更多相关文章

多浏览器兼容用javascript获取url参数的方法比较推荐的一种
多浏览器兼容用javascript获取url参数的方法比较推荐的一种 <script language = javascript> function request(paras){ var ...
javascript获取url参数的方法
发布:thatboy 来源:Net [大中小] 本文介绍下,在javascript中取得url中某一个参数的方法,这里分享一个小例子,供大家学习参考下.本文转自:http://www. ...
javascript获取URL参数和参数值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
JavaScript获取URL参数公共方法
写一个JavaScript获取URL参数的通用方法,可以把它放到常用方法的JS文件中调用,直接上代码例子,新手可以学习一下! <!DOCTYPE html> <html lang=& ...
用JavaScript获取URL参数的方法之一
若地址栏URL为:abc.html?m=tomms&c=allsearchlist&pageNo=1&pageNum=20&text=1 <script> ...
javascript 获取url参数
/** window.location.search获取url地址?以后的值获取url参数有两种方法,第一种如下,第二种是通过正则 */ //基本版 function getParam() { va ...
JavaScript获取URL参数方法总汇
现在做页面基本都用AJAX,因此导致操作很麻烦,每次都需要通过JS获取url中的参数值,网上所搜到很多资料,没一次能记住的,也不知道在哪个项目中使用过,现在又需要通过JS获取url参数,因此不能在偷懒 ...
javascript取url参数的几种方法
//获取QueryString的数组 function getQueryString() { var result = location.search.match(new RegExp("[ ...
Javascript 获取url参数，hash值，cookie
/** * 获取请求参数 * @param key * @returns {*} */ function getRequestParameter(key){ var params = getReque ...

随机推荐

[Python Fabric] [SSH] Mac OS X 10.9 + Vagrant虚拟环境使用Python Fabric进行SSH远程登录的简单实验
1. ssh客户端生成key $ Generating public/private rsa key pair. Enter file in which to save the key (/Users ...
KendoUI系列：TreeView
1.加载本地数据 <link href="@Url.Content("~/Content/kendo/2014.1.318/kendo.common.min.css" ...
linux GD库安装
GD 安裝第一部需要做的是先要安裝 GD 到系統內,而安裝 GD 前需要安裝 jpeg-6b, libpng, zlib, freetype.以下是下载网址:GD 2.0.33jpeg-6blibpn ...
Java hashCode() 和 equals()的若干问题解答
本章的内容主要解决下面几个问题: 1 equals() 的作用是什么? 2 equals() 与 == 的区别是什么? 3 hashCode() 的作用是什么? 4 hashCode() 和 equa ...
delphi 13 打印相关
打印页面设置打印预览文档属性 //---------------------------------------------------------------------------- ...
安装爬虫scrapy
使用easy_install安装scrapy,报错 error: Setup script exited with error: command 'gcc' failed with exit stat ...
CentOS7 离线安装gcc/pcre-devel/openssl-devel/zlib-devel
1. 解压CentOS7操作系统安装镜像,进入到CentOS-7.0-1406-x86_64-DVD\Packages目录,这下面存储了很多rpm包. 2. 找到下面列出的rpm包,上传到CentOS ...
apt-get 安装路径
apt-get安装目录和安装路径:apt-get 下载后,软件所在路径是:/var/cache/apt/archivesubuntu 默认的PATH为PATH=/home/brightman/bin: ...
C语言基础复习：字符，字符数组，字符串，字符指针
1. 概述2. 字符2.1 字符定义和大小2.2 字符的输入和输出2.3 字符的计算3. 字符数组3.1 字符数组的定义和大小3.2 字符数组的输入和输出3.3 字符数组的计算4. 字符串4.1 字符 ...
使用MATLAB对数据进行位操作以及RGB图片显示
fd = fopen('video_test_pattern_avalon_generator_source_data.txt'); //打开像素源文件 A = fscanf(fd,'%d'); // ...

使用JavaScript重定向URL参数

使用JavaScript重定向URL参数的更多相关文章

随机推荐

热门专题