Jquery
//这是进入页面时的调用
$(document).ready(function () {
//使用方法, url中包含id这个参数
var id = getUrlParam("id")
console.log(id)
});
//获取url中的参数
function getUrlParam(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
var r = window.location.search.substr(1).match(reg); //匹配目标参数
if (r != null) return unescape(r[2]); return null; //返回参数值
}
VUE获取链接参数
例如当前url是:https://jstest.51better.com/index.html?userId=2018180&app=baidu
- 先安装qs插件 : npm install qs
//在main.js 或者当前页面中引入qs
import qs from "qs";
//created获取参数
created() {
let url = decodeURIComponent(location.search.replace(/^\?{1}/, ""));
this.userInfo = qs.parse(url); //将字符串转成对象
console.log(url); //userId=2018180&app=baidu
console.log(qs.parse(url)); //{userId:2018180,app:baidu}
console.log(qs.parse(url).userId); //2018180
localStorage.setItem("userInfo", JSON.stringify(this.userInfo));
}