WebView5.14的测试

最新推荐文章于 2023-10-30 15:49:32 发布

kuanshu456

最新推荐文章于 2023-10-30 15:49:32 发布

阅读量579

点赞数

分类专栏： qml 文章标签： webview javascript android

本文链接：https://blog.csdn.net/kuanshu456/article/details/125469361

版权

qml 专栏收录该内容

29 篇文章 0 订阅

订阅专栏

本文展示了如何在Qt5.14环境下使用WebView组件与HTML页面中的JavaScript进行交互。通过一个简单的例子，说明了如何调用HTML中的JavaScript函数并获取返回值，这对于构建桌面应用与网页内容结合的界面十分有用。测试代码和HTML页面内容一同给出，供读者参考和实践。

摘要由CSDN通过智能技术生成

 WebView{
        id:webView
        anchors.fill: parent
        url:"file:///D:/9example/chatexample/kkkk.html";

       Button {
           id: button
           x: 96
           y: 53
           text: qsTr("Button")
           onClicked: {
               var queryStr = "getTest();";
               webView.runJavaScript(queryStr,function(result){console.log(result);});

           }
       }
    }

试了了一下发现Qt5.14 windows系统还是有用的，而且还能直接调用html的 javaScript的。

需要的同学可以试验一下。

下面是我测试的 kkkk.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>WebView Demo</title>
</head>
<body>
<div>
<p id="txt">yanshiyixia</p>
<script type="text/javascript">
	function setText(){
		var txt = document.getElementById("txt");
		txt.innerHTML = "Hello WebView";
	}

	function getTest()
	{

		return "abcdef"
	}
</script>
</div>
</body>
</html>