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


Log in to reply
 

走马观花

最近的回复

  • Q

    幾乎沒有看到過,這究竟是什麼原因呢?
    有瞭解的同學可以來說一說。

    read more
  • 这里大概怎么做,然后值怎么传入![替代文字](73c989ff-abab-46e6-99e0-5173a40514b3-image.png 图片地址)例如上图的表格,表头怎么定义,然后表格的内容输入格式

    read more
  • @lsy 我没有在 QtLocation 成功实现高德地图的接入

    可以上 github 搜索用户 vladest,这个用户封装了国外大多数地图,可以参考这个去实现。

    read more
  • 自己顶顶有益健康

    read more

关注我们

微博
QQ群