HarmonyOS web通过loadData加载h5标签

// private name: string = "_dsbridge" 
private name: string = "xxxx" 
 
// methodList: ['call'], 
methodList: ['openNews'],
1.
2.
3.
4.
5.

import web_webview from '@ohos.web.webview' 
import { router } from '@kit.ArkUI'; 
import axios from '@ohos/axios' 
import { WebViewControllerProxy } from '@hzw/ohos-dsbridge' 
import { JsBridge } from '../bridge/JsBridge' 
import { JsBridgeNamespace } from '../bridge/JsBridgeNamespace' 
@Entry 
@Component 
struct Index { 
  @State message: string = 'Hello World'; 
  controller: WebViewControllerProxy = WebViewControllerProxy.createController(); 
  web_controller: web_webview.WebviewController = new web_webview.WebviewController(); 
  @State htmlData: string = '' 
  // 声明需要注册的对象 
  @State testObj: testClass = new testClass(); 
  build() { 
    Column() { 
      Button('点击请求').onClick(() => { 
        this.web_controller.loadData(this.htmlData, 'text/html', 'utf-8', ' ', ' ') 
      }) 
      Web({ src: '', controller: this.web_controller}) 
        .domStorageAccess(true) 
        .imageAccess(true) 
        .onlineImageAccess(true) 
        .javaScriptAccess(true) 
        .javaScriptProxy(this.controller.getJavaScriptProxy()) 
    } 
    .expandSafeArea([SafeAreaType.SYSTEM], [SafeAreaEdge.TOP, SafeAreaEdge.BOTTOM]) 
    .width('100%') 
    .height('100%') 
    .alignItems(HorizontalAlign.Center) 
    .justifyContent(FlexAlign.SpaceBetween) 
    .onClick(() => { 
      router.pushUrl({ 
        url: 'pages/CustomDialogUser' 
      }) 
    }) 
  } 
  aboutToAppear(): void { 
    this.controller.addJavascriptObject(new JsBridge()) 
    this.controller.addJavascriptObject(new JsBridgeNamespace(), "namespace") 
    this.controller.setClosePageListener(() => { 
      return true; // false 会拦截关闭页面 
    }) 
    this.getData(); 
  } 
  aboutToDisappear() { 
    this.controller.destroy() 
  } 
  getData() { 
    axios 
      .get('https://xxx.huawei.com.cn/app/v9/news/show?contentid=xxx') 
      .then((res: Object) => { 
        this.htmlData = JSON.parse(JSON.stringify(res)).data.data.data 
      }) 
  } 
} 
class testClass { 
  constructor() { 
  } 
  openNews(gettype: number, targetId: number) { 
    console.log("test", targetId) 
  } 
}
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.