我本愚钝，在网上搜了一下没找到可以运行的栗子，遂在这记录一下吧。

环境：win10 64位系统  qt 4.8.7 （mingw32） qtcreator(4.5.0)

1. 建立一个 Widgets Application 项目，修改 *.pro 文件 ，增加  QT += core gui webkit

 #

 #-------------------------------------------------

 QT       += core gui webkit

 greaterThan(QT_MAJOR_VERSION, ): QT += widgets

 TARGET = testweb

 TEMPLATE = app

 # The following define makes your compiler emit warnings if you use

 # any feature of Qt which has been marked as deprecated (the exact warnings

 # depend on your compiler). Please consult the documentation of the

 # deprecated API in order to know how to port your code away from it.

 DEFINES += QT_DEPRECATED_WARNINGS

 # You can also make your code fail to compile if you use deprecated APIs.

 # In order to do so, uncomment the following line.

 # You can also select to disable deprecated APIs only up to a certain version of Qt.

 #DEFINES += QT_DISABLE_DEPRECATED_BEFORE=0x060000    # disables all the APIs deprecated before Qt 6.0.

 SOURCES += \

         main.cpp \

         mytestwindow.cpp

 HEADERS += \

         mytestwindow.h

 FORMS += \

         mytestwindow.ui

在 mytestwindow.h 增加

 public slots:

     void loadFinished();

     void onCall(QString name);

附 mytestwindow.h 全部文件

 #ifndef MYTESTWINDOW_H

 #define MYTESTWINDOW_H

 #include <QMainWindow>

 namespace Ui {

 class MyTestWindow;

 }

 class MyTestWindow : public QMainWindow

 {

     Q_OBJECT

 public:

     explicit MyTestWindow(QWidget *parent = );

     ~MyTestWindow();

 public slots:

     void loadFinished();

     void onCall(QString name);

 private:

     Ui::MyTestWindow *ui;

 };

 #endif // MYTESTWINDOW_H

附  mytestwindow.cpp 全部文件

 #include "mytestwindow.h"

 #include "ui_mytestwindow.h"

 #include <QWebView>

 #include <QWebFrame>

 #include <QDebug>

 MyTestWindow::MyTestWindow(QWidget *parent) :

     QMainWindow(parent),

     ui(new Ui::MyTestWindow)

 {

     ui->setupUi(this);

     QWebView *view = new QWebView(this->centralWidget());

     view->load(QUrl::fromUserInput(QString("D:\\Qt\\projects\\web\\testweb\\test.html")));

     connect(view, SIGNAL(loadFinished(bool)), this, SLOT(loadFinished()));

     view->page()->mainFrame()->addToJavaScriptWindowObject("mytestwin",this);

 }

 MyTestWindow::~MyTestWindow()

 {

     delete ui;

 }

 void MyTestWindow::loadFinished()

 {

     QVariant f1result = ((QWebView*)sender())->page()->mainFrame()->evaluateJavaScript("f1('test param ha ha ha ~~')");

     qDebug() << f1result.toString();

 }

 void MyTestWindow::onCall(QString name)

 {

     qDebug()<<name;

 }

附  test.html 文件

 <head>

     <script LANGUAGE="JavaScript">

         function f1 (s)

         {

             alert (s)

             window.mytestwin.onCall("test on call");

             return "f1 result ha ha ha ~~"

         }

     </script>

 </head>

 <body>

     test html

 </body>

运行结果如下：

2018-2-9 ps：

问题1： 加载 https 具有ssl的网站异常。

解决1：需要 mingw32\opt\bin 目录下libeay32.dll和ssleay32.dll （qt对应mingw32）  复制  到项目的debug/release 目录以下即可。

QWebView 与Js 交互的更多相关文章

  1. 关于JS交互--调用h5页面，点击页面的按钮，分享到微信朋友圈，好友

    关于js交互,在iOS中自然就想到了调用代理方法 另外就是下面的,直接上代码了: 如果你的后台需要知道你的分享结果,那么,就在回调里面调用上传到服务器结果的请求即可

  2. webView和js交互

    与 js 交互 OC 调用 JS // 执行 js - (void)webViewDidFinishLoad:(UIWebView *)webView { NSString *title = [web ...

  3. 李洪强iOS经典面试题147-WebView与JS交互

    李洪强iOS经典面试题147-WebView与JS交互   WebView与JS交互 iOS中调用HTML 1. 加载网页 NSURL *url = [[NSBundle mainBundle] UR ...

  4. WebView---Android与js交互实例

    Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true 原文地址:http://blog.csdn.net/it10 ...

  5. iOS与JS交互实战篇（ObjC版）

    前言 ObjectiveC与Js交互是常见的需求,可对于新手或者所谓的高手而言,其实并不是那么简单明了.这里只介绍iOS7.0后出来的JavaScriptCore framework. 关于JavaS ...

  6. Android WebView加载本地html并实现Java与JS交互

    最近做的一个项目中,用到自定义地图,将自定义地图转换成html页面,现在需要做的是如何将本地的html加载到android中,并可以实现交互. 相关讲解: 其实webview加载资源的速度并不慢,但是 ...

  7. WinForm程序执行JS代码的多种方法以及使用WebBrowser与JS交互

    方法一 使用微软官方组件Interop.MSScriptControl 1.msscript.ocx下载的地址   http://www.microsoft.com/downloads/details ...

  8. WKWebView新特性及JS交互

    引言 一直听说WKWebView比UIWebView强大许多,可是一直没有使用到,今天花了点时间看写了个例子,对其API的使用有所了解,为了日后能少走弯路,也为了让大家更容易学习上手,这里写下这篇文章 ...

  9. 【转】第7篇：Xilium CefGlue 关于 CLR Object 与 JS 交互类库封装报告：全自动注册与反射方法分析

    作者: 牛A与牛C之间 时间: 2013-12-12 分类: 技术文章 | 2条评论 | 编辑文章 主页 » 技术文章 » 第7篇:Xilium CefGlue 关于 CLR Object 与 JS ...

随机推荐

  1. 修改mysql允许主机访问的权限

    开启mysql的远程访问权限 默认mysql的用户是没有远程访问的权限的,因此当程序跟数据库不在同一台服务器上时,我们需要开启mysql的远程访问权限. 主流的有两种方法,改表法和授权法. 相对而言, ...

  2. [EffectiveC++]item34：区分接口继承和实现继承

    [EffectiveC++]item34:区分接口继承和实现继承

  3. 高性能计算 GPU 等资料

    从石油领域的应用看GPU.CPU算法效果比较  http://www.csdn.net/article/2011-06-21/300207 HPC 论坛 http://hpcbbs.it168.com ...

  4. 入门学习webpack笔记

    注意事项: 1.预热知识:前端模块化.commonJS最好提前了解.commonJS语法最好熟悉. 2.commonJS中,module表示当前模块,module.exports(或者exports) ...

  5. 用js或JQuery模拟点击a标签的操作

    一.用js模拟点击a标签的操作. jsp代码: <a id="login" href="${pageContext.request.contextPath}/log ...

  6. PowerDNS简单教程（2）：功能篇

    目录: PowerDNS简单教程(1):安装篇 http://www.cnblogs.com/anpengapple/p/5205130.html PowerDNS简单教程(2):功能篇(本篇) Po ...

  7. Yii 不完全解决方案（一）

    此文意在记录 Yii 开发过程中的小问题解决方案 1. Yii 中 Js 和 Css 文件的引入. 我们就从最简单的问题开始吧,说起来也不是问题,只是语法罢了.假设我们的 js 文件都放在和 prot ...

  8. 常用的css选择器

    1.最基本的 * * 选择所有元素. #id #firstname 选择 id="firstname" 的元素. .class .intro 选择 class="intr ...

  9. mybatis关联集合List&分布查询传递多列值

    场景:查询部门的同时,要求查询此部门下的所有用户. 部门(Department) private Integer id; private String departmentName; private ...

  10. 浅谈sql之连接查询

    SQL之连接查询 一.连接查询的分类 sql中将连接查询分成四类: 内链接 外连接 左外连接 右外连接 自然连接 交叉连接 二.连接查询的分类 数据库表如下: 1.学生表 2.老师表 3.班级表 表用 ...