Qt 与 HTML JS 的交互

一. Qt使用类

1. QWebChannel
2. QWebEngineView

二. Qt JS文件

1. qwebchannel.js 一般在安装目录下 \webchannel\shared\qwebchannel.js

三. Qt代码

1. 定义交互类

#include <QWebEnginePage>
class JsClass: public QObject
{
	Q_OBJECT
public:
   	explicit JsClass(QObject *parent = nullptr);
    // qt 调用 js 函数
    void qt_exec_js(QWebEnginePage* page, const QString& param) {
		page->runJavaScript(QString("print_info(\"%1\")").arg(param)); //调用函数带字符串类型参数一定需要加双引号
		//page->runJavaScript(QString("print_info(%1)").arg(12)); //调用函数参数类型为数字类型
		//page->runJavaScript(QString("print_info()")); //调用函数无参
    }
public slots:
	// js 调用 qt 函数
	void js_exec_qt(const QString& param) {
		qDebug() << param;
	}
};

2. 主函数代码片段

QString url = "file:///E:/login.