鸿蒙中在resources/raw里面创建一个html页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div>
<h1 id="txt">向着星辰进军</h1>
<button onclick="sayhi()">点击</button>
<button onclick="addplus()">加</button>
</div>
<script>
const txt=document.querySelector('#txt');
function sayhi(){
//调用鸿蒙里面的方法
twt.say("hhh")
}
function addplus(){
txt.innerHTML+='-';
}
</script>
</body>
</html>
在鸿蒙里引入页面
controller:WebviewController=new webview.WebviewController
Web({
src:$rawfile('twt.html'),
controller:this.controller
})
接下来就是页面使用鸿蒙的方法
鸿蒙中的代码
Web({
src:$rawfile('twt.html'),
controller:this.controller
})
//给html绑定鸿蒙里面的方法
.javaScriptProxy({
methodList:['say'],
object:new JBBridge(),
name:'twt',
controller:this.controller
})
页面中的代码
html中
<button onclick="sayhi()">点击</button>
js中
function sayhi(){
//调用鸿蒙里面的方法
twt.say("hhh")
}
鸿蒙中使用页面的方法
鸿蒙中的代码
Button("冲啊").onClick(()=>{
this.controller.runJavaScript("addplus()")
})
<button onclick="addplus()">加</button>
function addplus(){
txt.innerHTML+='-';
}