【h5】浏览器页面传参

一、url传参

在页面跳转的时候通过window.location.href添加参数

window.location.href = 'new.html?id=123'

在接收参数的页面通过window.location.search获取参数字符串
(1)

 function QueryString(Param) {
    var BreakString = new RegExp("(^|&)" + Param + "=([^&]*)(&|$)")
    var GetUrl = window.location.search.substr(1).match(BreakString)
    if (GetUrl != null) {
      return unescape(GetUrl[2])
    } else {
      return null
    }
  }
  var id= QueryString('id'); // 获取id

(2)

function GetRequest() {
    var url = location.search
    var theRequest = new Object()
    if (url.indexOf("?") != -1) {
      var str = url.substr(1)
      strs = str.split("&")
      for (var i = 0; i < strs.length; i++) {
        theRequest[strs[i].split("=")[0]] = (strs[i].split("=")[1]);
      }
    }
    return theRequest
  }
  // 获取id
  var Request = new Object()
  Request = GetRequest()
  var id= decodeURI(Request['id'])

二、本地存储传参

1 发送参数的页面：

localStorage.setItem("id","123");

2 接收参数的页面：

localStorage.getItem("id");