鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 24年11月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

鸿蒙开发者社区

登录/注册
51CTO

中国优质的IT技术网站

51CTO博客

专业IT技术创作平台

51CTO学堂

IT职业在线教育平台

活动短视频专栏极客Show 鸿蒙技术特刊

HarmonyOS webview是否支持拼接query参数？

通过webview打开h5页面，但是得把自定义Query参数，在H5端获取这些参数。

HarmonyOS

2024-09-04 11:28:57

浏览

赞

收藏 0

回答 1

待解决

回答 1

按赞同

/

按时间

可以通过runJavaScript来进行传递参数

示例：ets

import web_webview from '@ohos.web.webview'; 
import business_error from '@ohos.base'; 
 
@Entry 
@Component 
struct WebComponent { 
  controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  @State webResult: string = '' 
  @State text :string = 'Ark WebComponent' 
  build() { 
    Column() { 
      Text(this.webResult).fontSize(20) 
      Web({ src: $rawfile('xxx.html'), controller: this.controller }) 
        .javaScriptAccess(true) 
        .onPageEnd(e => { 
          try { 
            this.controller.runJavaScript( 
              `test("${this.text}")`, 
              (error, result) => { 
                if (error) { 
                  let e: business_error.BusinessError = error as business_error.BusinessError; 
                  console.error(`run JavaScript error, ErrorCode: ${e.code}, Message: ${e.message}`); 
                  return; 
                } 
                if (result) { 
                  this.webResult = result 
                  console.info(`The test() return value is: ${result}`) 
                } 
              }); 
            if (e) { 
              console.info('url: ', e.url); 
            } 
          } catch (error) { 
            let e: business_error.BusinessError = error as business_error.BusinessError; 
            console.error(`ErrorCode: ${e.code}, Message: ${e.message}`); 
          } 
        }) 
    } 
  } 
}

html

<!-- index.html --> 
  <!DOCTYPE html> 
  <html> 
  <meta charset="utf-8"> 
  <body> 
  Hello world! 
  <div id="divCn"></div> 
  </body> 
  <script type="text/javascript"> 
  function test(value) { 
    document.getElementById('divCn').innerText = value 
    return "This value is from index.html" 
  } 
  </script> 
  </html>

回复

2024-09-04 18:15:18

如何写精华回答，获更多曝光？

发布

相关问题

HarmonyOS web组件是否支持加载携带参数的拼接url？

118浏览 • 1回复待解决

HarmonyOS faultlogger.query是否支持备份asan？

111浏览 • 1回复待解决

axios使用参数里面，params这个值应该axios会自动把参数拼接到url query params吧！

122浏览 • 1回复待解决

$r（'xxxxx'）是否支持字符串动态拼接

1780浏览 • 1回复待解决

HarmonyOS webview是否支持indexDB存储

319浏览 • 1回复待解决

webview是否支持CodeCache

749浏览 • 1回复待解决

HarmonyOS Navigation是否支持function类型参数？

193浏览 • 1回复待解决

webview是否支持预览pdf

1116浏览 • 1回复待解决

Webview是否支持定位功能？

629浏览 • 1回复待解决

HarmonyOS webview中是否支持本地文件访问？

134浏览 • 1回复待解决

如何自定义拼接设置UserAgent参数

2201浏览 • 3回复待解决

webview是否支持同层渲染

1771浏览 • 1回复待解决

windowClass.setUIContent是否支持传递参数

2042浏览 • 1回复待解决

HarmonyOS DatePicker是否支持传入参数控制选择格式？

192浏览 • 1回复待解决

WebView是否支持quic备份、弱网quic能力

1470浏览 • 1回复待解决

WebView支持设置WebView圆角吗？

856浏览 • 1回复待解决

Web组件使用rawFile加载离线html时,如何在url后拼接参数

868浏览 • 1回复待解决

是否支持使用第三方的webview内核

978浏览 • 1回复待解决

HarmonyOS router.pushUrl的params参数传递对象是否不支持方法？

222浏览 • 1回复待解决

HarmonyOS 如何检测webview滚动是否触底

313浏览 • 1回复待解决

HarmonyOS WebviewController.getUserAgent() 是如何拼接的?

254浏览 • 1回复待解决

WebView支持页面缩放吗？

845浏览 • 1回复待解决

webview对CodeCache支持程度

540浏览 • 1回复待解决

HarmonyOS 是否支持webrtc

322浏览 • 1回复待解决

原生页面和webview如何进行参数传递

487浏览 • 1回复待解决

提问

该提问已有0人参与，帮助了0人

相关讨论帖

OpenHarmony/HarmonyOS判断当前设备是否支持该模块的方法 0回复

Harmony OS是否支持PC端？为什么？ 4回复

harmonyos webview范例 0回复

HarmonyOs webview 加载本地html 6回复

针对是否支持鸿蒙系统，OPPO明确表态，华为的赢面越来越大 0回复

Copyright © 2005-2024 51CTO.COM 京ICP证060544版权所有未经许可请勿转载