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

环境：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. maven学习（六）依赖、聚合、继承

    先说一下概念(个人理解的,有问题请留言): 依赖:我要盖一座房子,就需要很多的砖,这些专就是盖房子的一个依赖.我要跑一个maven项目,需要各种各样的功能,功能实现的jar包和插件就是我的依赖. 聚合 ...

  2. 微信小程序现实问题之低素质客户需求问题

    ·微信小程序已经在市场摸爬滚打很久了,但是真正是否可用以及是否真正满足客户需求,市场是否真正到了火热的程度,值得怀疑. 根据本人从事小程序开发的经验,短时间内,小程序市场依然会不温不火,而此时客户的满 ...

  3. nodejs + redis/mysql 连接池问题

    nodejs + redis/mysql 连接池问题 需不需要连接池 连接池的作用主要是较少每次临时建立连接所带来的开销.初步一看,nodejs运行单线程上,它不能同时使用多个连接,乍一看是不需要连接 ...

  4. webstorm出现黑色块光标

    取消掉此项对勾即可

  5. 修改virtual box中ubuntu lubuntu 的分辨率

    Step1 先用xrandr命令查看能够支持的分辨率 Step2 xrandr --output VGA-1 --size 1280x800 Step3 重启电脑

  6. Codeforces Round #239 (Div. 1)C， 407C

    题目链接:http://codeforces.com/contest/407/problem/C 题目大意:给一个长度为n的数列,m次操作,每次操作由(li, ri, ki)描述,表示在数列li到ri ...

  7. HBuilde H5开发，关于JSON的Storage存储

    今天踩坑了,在这里记一下. 我想做一个列表,开始是一个一个复制粘贴,然后发现这样太不灵活了,如果我有更多内容要填难道还要再一个一个复制吗? 所以我想到直接用JS动态生成最好,我的思路是这样的: //首 ...

  8. some language grammars

    ANSI C grammar Python grammar 怎么识别LL(1) LR(0) SLR(1) 等文法,一个不错的解答. http://stackoverflow.com/questions ...

  9. Linux汉化（Cent Os汉化）

    在腾讯云上购买了Cent Os7.1的云服务器,是英文版啊,有没有?对于我这种英文的渣渣啊,所以我要用中文版,我就是这么low,怎么着呢? Ok ,在汉化之前,先查看系统的语言环境, echo $LA ...

  10. JavaScript:回调模式(Callback Pattern) (转载）

    JavaScript:回调模式(Callback Pattern) 函数就是对象,所以他们可以作为一个参数传递给其它函数: 当你将introduceBugs()作为一个参数传递给writeCode() ...