返回顶部

收藏

用js构建跳转的url参数

更多

在web项目用经常用到get参数传递,通过js来构建不同的url的get参数

//构建url的get提交,里面主要难点还是js的正则的运用
function change_url(value, key){
    var url = window.location.href;
    //有分页参数去掉分页参数
    var re = /&p=(\\d+)/;
    url = url.replace(re, "");

    //当前的url包含这个get参数做替换
    if(url.indexOf('&'+key) > 0){
        //正则,参数在url中部
        re = '/(&'+key+'=)(.+)&/';      
        var new_url = url.replace(eval(re), "$1"+value+'&');
        //相等就说明替换失败,参数在url尾部
        if(url == new_url){
            re = '/(&'+key+'=)(.+)/';
            new_url = url.replace(eval(re), "$1"+value);            
        }
        window.location.href = new_url;
    }
    else{
        url += '&'+key+'='+value;
        window.location.href = url;
    }

}
//该片段来自于http://outofmemory.cn

标签:javascript,网页设计

收藏

0人收藏

支持

0

反对

0

相关聚客文章
  1. NetS H 发表 2014-07-21 05:28:33 HTML5 自定义属性 data-* 和 jQuery.data 详解
  2. NetS H 发表 2014-07-21 12:41:04 在 Sublime Text 直接运行 Javascript 调试控制台
  3. admin 发表 2014-05-08 06:23:29 JavaScript操作cookie
  4. 一兮 发表 2012-09-16 03:33:16 可编辑DIV内容格式化问题
  5. 博主 发表 2012-04-13 00:00:00 大型应用的 javascript 架构
  6. berwin 发表 2015-01-14 09:58:49 async 之 集合 - nodejs笔记
  7. 博主 发表 2018-05-09 03:03:09 Hybrid 开发:JsBridge - Web和客户端双向通信
  8. 博主 发表 2015-04-20 16:14:30 Javascript设计模式简述
  9. likai 发表 2018-05-21 15:15:32 李书福:我是一个放牛娃……
  10. 博主 发表 2015-04-20 16:14:30 区分JS中的__proto__和prototype
  11. admin 发表 2018-05-31 02:04:31 JavaScript Date常見錯誤
  12. cyRotel 发表 2015-04-30 15:35:20 实用干货!聊聊3种最常见的响应式设计问题

发表评论