qt实现与JavaScript相互通信-QT开发中文网

在Qt中，可以通过Qt WebEngine模块实现与JavaScript的相互通信。下面是一个简单的示例：

在Qt中加载一个网页：

#include <QCoreApplication>
#include <QtWebEngineCore>
#include <QtWebEngineWidgets>

int main(int argc, char *argv[])
{
    QCoreApplication app(argc, argv);

    // 创建一个 Qt 应用程序
    QtWebEngine::initialize();

    // 创建一个 Web 视图窗口
    QWebEngineView view;
    view.load(QUrl("path/to/your/html/file.html"));  // 加载你的 HTML 文件

    // 显示窗口
    view.show();

    return app.exec();
}

在 JavaScript 中调用 Qt 的槽函数或方法：

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function callQtFunction() {
  var result = qt.someFunction();  // 调用 Qt 中的某个函数
  alert(result);
}
</script>
</head>
<body>

<button onclick="callQtFunction()">Call Qt Function</button>

</body>
</html>

在 Qt 中响应 JavaScript 的调用：

class MyObject : public QObject
{
    Q_OBJECT

public:
    explicit MyObject(QObject *parent = nullptr) : QObject(parent) {}

public slots:
    QString someFunction() {
        return "Hello from Qt!";
    }
};

int main(int argc, char *argv[])
{
    QCoreApplication app(argc, argv);

    // 创建一个 Web 视图窗口并加载 HTML 文件
    QWebEngineView view;
    view.load(QUrl("path/to/your/html/file.html"));

    // 创建自定义对象并注册到 JavaScript 环境中
    MyObject myObject;
    view.page()->profile()->installPepperPlugins();

    // 注册自定义对象
    view.page()->mainFrame()->addToJavaScriptWindowObject("qt", &myObject);

    // 显示窗口
    view.show();

    return app.exec();
}

通过这种方式，你可以在 Qt 应用程序和 JavaScript 之间实现相互通信。注意，Qt WebEngine模块需要添加到项目的.pro文件中，并进行必要的链接。

内容由零声教学AI助手提供，问题来源于学员提问