@ohos.web.webview提供web控制能力,web组件提供网页显示的能力,同时也可以执行网页中定义的JS方法。
一、第一步创建WebviewController实例
controller: WebviewController = new webview.WebviewController()
二、web组件加载html文件
build() {
Navigation() {
Column() {
// 加载rawfile文件夹中的index.html这个文件
// 解决方案:Web这个控件来实现
Web({
src:$rawfile('index.html'), // 指向了index.html路径
controller:this.controller
})
}
.width('100%')
}
.titleMode(NavigationTitleMode.Mini)
.title('隐私政策')
.height('100%')
}
三、页面加载完成执行JavaScript方法
Web({
src: $rawfile('index.html'),
controller: this.controller
})
.height(400)
.width('100%')
.backgroundColor('#f1f3f5')
.onPageEnd(() => {
// 当html网页加载完成之后,要执行这个网页中定义的js方法 writeCode
this.webviewCtrl.runJavaScript(`writeCode(\`${this.currentCode}\`)`)
// AlertDialog.show({message:'加载网页完成'})
})
标签:11,web,index,WebviewController,html,controller,API,加载
From: https://blog.csdn.net/xp1870069025/article/details/139509849