html页面间如何传值

HTML页面间传值可以通过URL参数、表单提交、Cookie、LocalStorage和SessionStorage等方式实现。

HTML页面间传值主要可以通过以下几种方式：

html页面间如何传值

1、URL参数传递

2、Cookie

3、Session

4、LocalStorage

5、表单提交

1. URL参数传递

URL参数传递是通过在URL后面添加参数的方式，将数据从一个页面传递到另一个页面。http://www.example.com?param1=value1&param2=value2。

接收参数的页面可以使用JavaScript获取URL中的参数，

function getUrlParams() {
  var params = {};
  var search = window.location.search.substring(1);
  var pairs = search.split('&');
  for (var i = 0; i < pairs.length; i++) {
    var pair = pairs[i].split('=');
    params[decodeURIComponent(pair[0])] = decodeURIComponent(pair[1]);
  }
  return params;
}

2. Cookie

Cookie是一种在客户端存储数据的技术，可以将数据保存在用户的浏览器中，设置Cookie的方法如下：

document.cookie = "name=value; expires=date; path=path; domain=domain";

获取Cookie的方法如下：

function getCookie(name) {
  var value = "; " + document.cookie;
  var parts = value.split("; " + name + "=");
  if (parts.length == 2) return parts.pop().split(";").shift();
}

3. Session

Session是一种在服务器端存储数据的技术，可以将数据保存在服务器的内存中，不同的编程语言和框架有不同的实现方式。

4. LocalStorage

LocalStorage是一种在客户端存储数据的技术，可以将数据保存在用户的浏览器中，设置LocalStorage的方法如下：

localStorage.setItem("key", "value");

获取LocalStorage的方法如下：

var value = localStorage.getItem("key");

5. 表单提交

表单提交是将数据通过表单的方式提交给服务器，服务器处理后返回结果。

<form action="http://www.example.com/submit" method="post">
  <input type="text" name="param1" value="value1">
  <input type="text" name="param2" value="value2">
  <input type="submit" value="提交">
</form>