两个静态页面传递动态参数

发布日期: 2020-10-01

本文来介绍如何在两个静态页面之间传递一个或者多个动态的参数（方法一）。

通过URL传参

思路：

假定两个页面A和B，我们通过点击A页面的一个按钮链接跳转到B，A页面的链接上携带了一个参数，到B页面通过JS取到参数上携带的值。

A页面代码：

<html>
  <form>
    <div>
      <a href="https://www.ABC.com/CCC?form.参数=100（值）">跳转按钮</a>
    </div>
  </form>
</html>

我们此时只需在B页面写个JS如下便可以取到参数：

function getUrlParam(name) &#123;
                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
                var r = window.location.search.substr(1).match(reg); 
                if (r != null) return unescape(r[2]);
                return null; 
            &#125;
            var x1 = getUrlParam('参数');

            if (x1 === "Customer Focus") &#123;
                 document.getElementById("c").click();
            &#125;