QML中 Webview 元素的runJavaScript() 函数的使用方法
QML 中的 WebView 的 runJavaScript() 函数
该函数能够通过函数名调用 HTML 文件中 位于标签 <script> </script> 之间的 JS 函数,能够附带参数 比如:
HTML 文件中 script 代码如下:
Qt 调用代码如下:
WebView {
id: webView
width: parent.width
height: parent.height - mapToptool.height - 1
anchors.top: mapToptool.bottom
anchors.topMargin: 1
url: mapService.backUrl()
onLoadProgressChanged: {
if(webView.loadProgress == 100){
mapService.getAllPoiData();
}
}
}
Connections {
target: mapService
onBackmessage: {
if(mapService.getBackMessage().length > 0){
//console.log(mapService.getBackMessage());
var json = JSON.parse(mapService.getBackMessage());
var data = [];
for(var i=0;i<json["size"];i++){
var lo = json["contents"][i]["location"][0];
var la = json["contents"][i]["location"][1];
data.push(lo);
data.push(la);
}
var queryStr = "createPoi("+JSON.stringify(data)+");";
webView.runJavaScript(queryStr, function(result) { console.log(result); });
}
}
}
该功能可以实现通过上传本地数据,执行 JS 函数,得到需要的网页。然后展示出来!
特别注意: 当 WebView 没有加载完成前 执行了 runJavaScript() 函数时,无法生效,用上图的方式调用,亲测可行!然后,该 API 只能支持 Android 4.3 及以上版本,低版本无效,本人在 Android 5.0 上测试的,其他没测试过!