使用localStorage进行页面间传值

不知-_

于 2021-12-27 22:18:27 发布

阅读量992

点赞数

分类专栏：前端零零散散文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/http____/article/details/122181860

版权

本文介绍了如何通过JavaScript的localStorage特性，在不同的HTML页面之间传递参数。在A页面中存储数据，然后在B页面加载时读取这些数据，实现页面间的通信。

摘要由CSDN通过智能技术生成

A页面：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面之间传值——localStorage方法</title>
</head>

<body>
    <div id="app">

        <h1>利用HTML5 Web 存储 localStorage</h1>

        <form>
            <div> 昵称：<span>{
  {userInfo.nickname}}</span></div>
            <div> 电话：<span