webview调用html内部的js函数问题



  • Hello, 各位,我想实现webview配合百度地图JavaScript api实现一个地图应用,但是我不知道如何调用html文件内部的js函数。

    QML代码:

    ApplicationWindow {
        visible: true
        width: 640/2
        height: 1136/2
        title: webView.title
    
        property var jsComp
    
        Button {
            onClicked: {
                jsComp.myJsTest()
            }
        }
    
        WebView {
            id: webView
            y:50
            anchors.horizontalCenter: parent.horizontalCenter
            width: 300; height:300
    
            url: "qrc:/map.html"
    
            onLoadingChanged: {
    
                if(loadRequest.status == WebView.LoadStartedStatus) {
                    console.log("loading url...")
                } else if(loadRequest.status == WebView.LoadSucceededStatus) {
                    console.log("loading url success!")
    
                    webView.runJavaScript("document.getElementsByName('js4qml')", function(result) { console.log(result);jsComp = result}) //这里执行js函数获取坐标
                }
            }
        }
    }
    

    map.html文件内部部分代码:

    <script type="text/javascript" name="js4qml">
        function myJsTest(){
            alert("HAHAHAH");
            clearAll(); //map.html内部的另一个函数
        }
    </script>
    

    我这样做无法成功调用myJsTest函数,请问一下要怎样实现?



  • @mrh1pp0
    看看 QWebChannel


登录后回复
 

与 萌梦社区 的连接断开,我们正在尝试重连,请耐心等待