HarmonyOS鸿蒙Next中h5的localStorage.setItem('is_login',1)使用指南

HarmonyOS鸿蒙Next中h5的localStorage.setItem(‘is_login’,1)使用指南 【设备信息】Mate 60
【API版本】Api14
【DevEco Studio版本】5.0.7.200

【问题描述】
web控件是否有接口可以让我设置 h5中的 localStorage.setItem('is_login',1);

3 回复

可以参考以下Demo

import { webview } from '@kit.ArkWeb';
@Component
struct Index {
  controller: webview.WebviewController = new webview.WebviewController();

  build() {
    Column() {
      Web({ src: $rawfile('index.html'), controller: this.controller })
        .javaScriptAccess(true)
        .domStorageAccess(true)
        .onPageEnd(() => { // 获取 localStorage 的值
          this.controller.runJavaScript('localStorage.setItem("COOKIE13", "Test_Data");');
        });
    }
  }
}

更多关于HarmonyOS鸿蒙Next中h5的localStorage.setItem('is_login',1)使用指南的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，localStorage.setItem('is_login', 1) 是用于在H5页面中存储数据的JavaScript方法。localStorage 是Web Storage API的一部分，允许在浏览器中存储键值对数据，且数据在页面关闭后仍会保留。

使用说明：

  1. 存储数据：
    localStorage.setItem('is_login', 1) 将键名为 'is_login' 的值设置为 1。该数据会持久化存储，直到手动清除或通过代码删除。

  2. 读取数据：
    使用 localStorage.getItem('is_login') 可以获取 'is_login' 对应的值。返回值是字符串类型，如果需要数值类型，需进行类型转换。

  3. 删除数据：
    使用 localStorage.removeItem('is_login') 可以删除 'is_login' 的键值对。

  4. 清空数据：
    使用 localStorage.clear() 可以清除所有存储在 localStorage 中的数据。

注意事项：

  • localStorage 存储的数据在同一域名下的所有页面共享。
  • 存储容量通常为5MB，超过限制可能会抛出异常。
  • 数据以字符串形式存储，存储非字符串数据时会自动转换为字符串。

以上是 localStorage.setItem('is_login', 1) 在鸿蒙Next中H5页面的基本使用方法。

在HarmonyOS鸿蒙Next中，使用localStorage.setItem('is_login', 1)存储数据时，localStorage是H5提供的本地存储API，适用于浏览器环境。在鸿蒙系统中，localStorage的行为与标准浏览器一致。建议在跨平台开发时，确保localStorage的键值对为字符串类型，必要时使用JSON.stringify和JSON.parse进行转换。注意，localStorage数据持久化，但可能受系统或应用清理影响。

回到顶部