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


 

最近的回复

  • 感觉很棒的样子,还有谜之抖动特效😍

    阅读更多
  • 这次在QWidget里面嵌入了qml,正好赶上七夕,就制作了这个小程序。
    随着七夕临近,牛郎和织女会相遇!

    0_1534381046875_163cc660-5a5e-46d1-ac5e-0414a2252644-image.png

    源代码

    Fork me on Gitee

    加了特效的桌面

    0_1534402386328_20180816_144729 (2).gif

    阅读更多
  • @jiangcaiyang 有源代码哦

    阅读更多
  • 很棒!求软件,我要摆在我的桌面上。

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔