qt js html交互

在 Qt 中，可以使用 Qt WebEngine 模块来实现 JavaScript 和 HTML 与 C++ 代码的交互。下面是一个简单的示例：

1. 创建一个 Qt Widgets 应用程序项目。

2. 在项目中包含 Qt WebEngine 模块，修改 .pro 文件：

QT += webengine webenginewidgets

3. 创建一个 QWidget 的子类，在构造函数中创建一个 QWebEngineView 对象，并将其设置为该 QWidget 的中心窗口。

MyWidget::MyWidget(QWidget *parent)
    : QWidget(parent)
{
    QWebEngineView *view = new QWebEngineView(this);
    view->setUrl(QUrl("qrc:/index.html"));
    setCentralWidget(view);
}

4. 在项目中添加一个 HTML 文件，在该文件中添加一些 JavaScript 代码。可以使用以下代码与 Qt 的 C++ 代码进行交互：

// 向 Qt 发送消息
Qt.postMessage("Hello from JavaScript!");

// 接收来自 Qt 的消息
Qt.receiveMessage = function(msg) {
    console.log("Received message from Qt:", msg);
};

5. 在 C++ 代码中，通过调用 QWebEngineView 的 page() 方法获取 QWebEnginePage 对象，然后通过该对象的 runJavaScript() 方法执行 JavaScript 代码。可以使用以下代码与 HTML 中的 JavaScript 代码进行交互：

QWebEnginePage *page = view->page();

// 向 JavaScript 发送消息
QVariant msg = "Hello from Qt!";
page->runJavaScript("Qt.receiveMessage('" + msg.toString() + "');");

// 接收来自 JavaScript 的消息
page->runJavaScript("Qt.postMessage('Hello from Qt!');");

需要注意的是，由于 JavaScript 和 C++ 代码运行在不同的线程中，因此在交互时需要使用信号和槽机制或者使用 QMetaObject::invokeMethod() 方法来进行通信。