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

环境：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. svn merge error must be ancestrally related to,trunk merge branch报错

    trunk merge branch的时候报错 xxx must be ancestrally related to xxx,这个报错的意思是两者不关联,所以需要去建立关联. [回顾背景]       ...

  2. easyUI datagrid 重复发送URL请求

    如果在table属性中配置了URL参数,在初始化datagrid时,会发送一次url请求.或者在js中datagrid{url:''}时,也会自动发送一次url请求. 在初始化datagrid时,我并 ...

  3. Web API 2 入门——Web API 2中的操作结果（谷歌翻译）

    在这篇文章中 空虚 HttpResponseMessage IHttpActionResult 其他返回类型 作者:Mike Wasson 本主题描述ASP.NET Web API如何将控制器操作的返 ...

  4. angular2 应用 不同的environment 进行 build/serve

    文件目录如下: 命令行使用:ng serve --e=dev/offline/prod build 不同,像上面那样写没用.必须后面再加--prod 如: ng build --e=offline - ...

  5. linux下 signal信号机制的透彻分析与各种实例讲解

    转自:http://blog.sina.com.cn/s/blog_636a55070101vs2d.html 转自:http://blog.csdn.net/tiany524/article/det ...

  6. January 25 2017 Week 4 Wednesday

    In every triumph, there's a lot of try. 每个胜利背后都有许多尝试. There's a lot of try behind every success, and ...

  7. ApiServer_YiChat apache项目布置过程

    1.复制文件到   /var/www/  文件夹下 2.配置项目目录 3.修改/var/www/api/public 文件夹下的隐藏文件  .htaccess     增加‘?’号 4.打开/etc/ ...

  8. servlet api.jar是干什么的?

    支持servlet的jar包.应该叫servlet-api.jar你如果编写过servlet就知道要用到HttpServletRequest和HttpServletResponse等对象,这些对象都是 ...

  9. CoreAnimation confusion: CATransaction vs CATransition vs CAAnimationGroup?

    http://stackoverflow.com/questions/14042755/coreanimation-confusion-catransaction-vs-catransition-vs ...

  10. PHP------关于字符串的处理

    每一种语言对,字符串都是比较重要的,因为字符串牵扯到输出. 尤其是在网页里面,所有的内容输出,都要以字符串的形式展示在页面上.比如,输出换行.输出一段话或者输出一个标签,都是以字符串来输出的:有时用数 ...