HarmonyOS 鸿蒙Next中同层渲染web传递param参数的例子

发布于 1周前 作者 ionicwang 来自 鸿蒙OS

HarmonyOS 鸿蒙Next中同层渲染web传递param参数的例子 同层渲染web传递param参数的例子

3 回复

在HarmonyOS鸿蒙Next中,同层渲染WebView传递参数可以通过WebView.loadUrl方法实现。假设需要传递一个名为param的参数,可以将其拼接在URL中,然后在WebView中通过JavaScript获取。

示例代码如下:

import webView from '@ohos.web.webview';

let webViewInstance = webView.createWebView();
let param = "exampleParam";
let url = \`https://example.com?param=\${encodeURIComponent(param)}\`;

webViewInstance.loadUrl(url);

在WebView的页面中,可以通过JavaScript获取URL中的参数:

let urlParams = new URLSearchParams(window.location.search);
let param = urlParams.get('param');
console.log(param); // 输出: exampleParam

这种方式适用于在同层渲染的WebView中传递简单的参数。

在HarmonyOS(鸿蒙Next)中,同层渲染Web页面时,可以通过URL参数传递param参数。以下是一个简单的示例:

// 在鸿蒙应用中加载Web页面时传递参数
let url = "https://example.com/page?param1=value1¶m2=value2";
webComponent.load(url);

在Web页面中,可以通过JavaScript获取URL参数:

// 获取URL参数
let urlParams = new URLSearchParams(window.location.search);
let param1 = urlParams.get('param1'); // value1
let param2 = urlParams.get('param2'); // value2

这样,Web页面就可以接收并处理鸿蒙应用传递的参数。

回到顶部
AI 助手
你好,我是IT营的 AI 助手
您可以尝试点击下方的快捷入口开启体验!