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

环境：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 性能调优参数

    1.DEFAULT_STORAGE_ENGINE <br\>如果你已经在用MySQL 5.6或者5.7,并且你的数据表都是InnoDB,那么表示你已经设置好了.如果没有,确保把你的表转换为 ...

  2. 华为手机在开发Android调试时logcat不显示输出信息的解决办法

    手机连接电脑RUN AS logcat 提示:Unable to open log device '/dev/log/main': No such file or directory 信息 本人华为C ...

  3. Appium的安装-Mac平台（命令行 & dmg）

    其实Appium的安装方式主要有两种: 1)自己安装配置nodejs的环境,然后通过npm进行appium的安装 2)直接下载官网提供的dmg进行安装,dmg里面已经有nodejs的环境和appium ...

  4. Linux 系统查看tomcat控制台命令

    前提进入tomcat/logs文件夹下 查看全部命令是:tail -f catalina.out 如果想查看具体文件的日志进入该文件所在目录然后命令如下: tail -f filename

  5. python UI自动化实战记录三：pageobject-基类

    脚本思路: 使用pageobject模式,写一个basepage基类,所有页面的通用方法封装到基类中.比如打开页面,关闭页面,等待时间,鼠标移到元素上,获取单个元素,获取一组元素,获取元素的子元素,截 ...

  6. python 获取某个月的全部日期

    import calendar print range(calendar.monthrange(year, month)[1]+1)[1:]

  7. mysql 设置无密码登陆

    登入 MySQL 报错: C:\Users\dell>mysql -uroot -p Enter password: **** ERROR 1045 (28000): Access denied ...

  8. [转]超全面的.NET GDI+图形图像编程教程

    本篇主题内容是.NET GDI+图形图像编程系列的教程,不要被这个滚动条吓到,为了查找方便,我没有分开写,上面加了目录了,而且很多都是源码和图片~ GDI+绘图基础 编写图形程序时需要使用GDI(Gr ...

  9. 实例：接口并发限流RateLimiter

    需求:接口每秒最多只能相应1个请求 1.创建 全局类对象 import com.google.common.util.concurrent.RateLimiter; import org.spring ...

  10. 动态截屏软件jpg格式

    软件下载地址:https://github.com/weibanggang/jiedu 开始截屏 保存路径 生成图片 预览