Layui open后获取 URL 参数 JavaScript 代码实例

2024-01-18 06:13:59

前言

Layui是一个功能强大、简单易用的前端UI框架，在网页开发中应用广泛。Layui的open方法可以帮助我们打开一个新的页面或窗口，并在新页面或窗口中加载指定的内容。在某些情况下，我们需要从新页面或窗口的URL中获取参数，这可以通过JavaScript来实现。

获取URL参数的JavaScript代码示例

// 获取URL参数
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;
}

// 使用获取URL参数的函数获取ID参数
var id = getQueryString('id');

// 使用获取到的参数做一些事情，例如将参数值显示在页面上
document.getElementById("result").innerHTML = id;

代码解析

首先，我们定义了一个名为getQueryString的函数，该函数的作用是从URL中获取指定名称的参数值。
在getQueryString函数中，我们使用了一个正则表达式来匹配URL中的参数。正则表达式的语法为：(^|&)name=([^&]*)(&|$)。这个正则表达式可以匹配到URL中以name=开头的参数，并将其中的值提取出来。
接下来，我们使用window.location.search.substr(1)获取URL中的查询字符串，并将查询字符串作为正则表达式的输入。
然后，我们使用match()方法将正则表达式与查询字符串进行匹配。如果匹配成功，则将匹配到的结果保存在r变量中。
如果r变量不为空，则表示找到了指定的参数。我们将r[2]作为参数的值，并使用unescape()函数将其解码。
最后，我们将获取到的参数值返回给调用者。