<a href="dd.index?aa=1&&bb=2"></a>

//截取URL参数
// console.log(window.location.search);
function GetQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
var context = "";
if(r != null)
context = r[2];
reg = null;
r = null;
return context == null || context == "" || context == "undefined" ? "" : context;
}
var channelids = GetQueryString("channelid");
var channelNames = GetQueryString("channelName");

var channelNames=decodeURI(channelNames);//解码

法2:

function GetQueryString(name)
{
 var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
 var r = window.location.search.substr(1).match(reg);
 if(r!=null)return  unescape(r[2]); return null;

需要解码是因为当需要传值的参数是文字或者字符串时候,会乱码,所以要进行解码

js 中编码(encode)和解码(decode)的三种方法

1.escape(string)

参数  描述  
string  必需。要被转义或编码的字符串。

2.

定义和用法 
encodeURI() 函数可把字符串作为 URI 进行编码。

语法 
encodeURI(URIstring)

3解码

decodeURI(“哈哈”)

转载于:https://www.cnblogs.com/Fancy1486450630/p/10124253.html

a标签跳页传参,以及截取URL参数相关推荐

  1. 小程序页面跳转传参参数值为url时参数时 会出现丢失

    当参数的值为url的时候,  ?号   _  下划线   等等 都会被 截取掉,看不到,  这样在 另一个页面 options中  截取的url就不完全 let url="http://ba ...

  2. 尚硅谷VUE项目-前端项目问题总结07--产品详情页【vuex-排他操作foreach-放大镜-轮播图-兄弟组件通信$bus-购物车-路由跳转传参-路由传参+会话存储】-游客身份-节流

    尚硅谷VUE项目-前端项目问题总结07---产品详情页 1.静态组件(详情页还未注册为路由组件) 2.发请求 3.vuex-获取产品详情信息 3.1放大镜 3.2 属性值[排他操作] 3.3轮播图[j ...

  3. 编程式跳转+传参并接收

    主要的功能就是跳转+传参 跳转主要是通过$router.push(编程式跳转)来实现,传参是在跳转的时候一起带过去 这边用的是使用params传参(类似post) 这是跳转前的代码(相关操作已体现) ...

  4. vue中页面跳转传值_vue 页面跳转传参

    页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样 需要操作的是路由history,需要用到 V ...

  5. vue 传参 微信_小猿圈web前端之微信小程序页面间跳转传参方式总结

    原标题:小猿圈web前端之微信小程序页面间跳转传参方式总结 最近小程序发展的越来越快,很多大公司也在打造自己的小程序平台以及购物小程序等等,今天小猿圈web前端讲师就总结了关于微信小程序的知识点,首先 ...

  6. vue 跳转页面带对象_vue 页面跳转传参

    页面之间的跳转传参,正常前端js里写 window.location.href="xxxxx?id=1" 就可以了: 但是vue不一样 需要操作的是路由history,需要用到 V ...

  7. vue路由跳转传参乱码解决

    vue路由组件跳转传参中文乱码解决 -在路由传参 this.$router.push({path:"/index", query:{msg:encodeURI("我是消息 ...

  8. Android:页面跳转传参方式一,页面跳转传参方式二

     一.页面跳转传参方式一 跳转的过程如何传参:也就是页面之间如何传递参数,有点像函数调用如何传参,页面跳转也要传参. 复制一个工程 你要跳转,(现在的代码如下),intent 既然能设置跳转到哪个页面 ...

  9. 路由配置url跳转传参_如何配置路由器以进行网络范围的URL记录

    路由配置url跳转传参 Don't be in the dark about who is visiting what web sites on your LAN. Use our two-prong ...

最新文章

  1. spring boot 服务 正确关闭方式
  2. cocostuff10k数据集介绍_COCO数据集整理
  3. vb 设置打印机 任意尺寸_打印照片怎么设置尺寸
  4. div垂直水平居中经常使用的方法
  5. Python 学习记录1
  6. 惠斯通电桥信号调理芯片_瑞萨推出集成LIN输出接口的传感器信号调理芯片,适用于电动/混动汽车HVAC系统...
  7. substring not found什么意思_英文写作中,除了not,你还会其他否定表达吗?
  8. Linux 设备驱动开发 —— platform 设备驱动
  9. Android input keyevent
  10. python考试pass or fail_Pytest官方教程-12-skip及xfail: 处理不能成功的测试用例
  11. 高中计算机算计Access怎么做,Access非常简单实用的计算器
  12. LeetCode 64.最小路径和(动态规划)
  13. 为什么要使用 JavaScript
  14. 用java写 java1,1,2,4,7,13,24,44算法
  15. mysql数据库自定义输入法_如何使用Windows10自带输入法添加词库,方便打字
  16. c#窗体开发俄罗斯方块小游戏
  17. Java 实习生(月薪 3k-5k 水平)应具备哪些知识、能力?给学弟学妹们支招
  18. 网站CNZZ数据统计的实现方式
  19. python爬取双色球历史数据_爬取双色球历史数据
  20. 【hud3966】树剖模板05

热门文章

  1. iOS开发CoreAnimation解读之四——Layer层动画内容
  2. DX:ASPxGridView使用选择事件的前置条件
  3. FZU 2159 WuYou
  4. Oracle锁表 行级锁 表级锁 行级锁
  5. 实例1、查询数据(多级组织)
  6. java创建线程的两种方法区别
  7. canvas之特丑时钟
  8. 节后开工,请把这9句话写在你的办公桌上!
  9. Python-编码之大彻大悟
  10. .NET3.5中的高性能 Socket API