转自：

http://blog.163.com/qimo601@126/blog/static/15822093201682185819623/

Qt 4.8.4

感谢原作者，我只转载。
看看作者如何实现：
1、Qt源码调用html中js的函数disp_messagebox（）；
2、js源码中如何调用qt中的函数  
MainWindow.jsInvokeQt();
MainWindow.setInfor("Qt change string"); 
alert(MainWindow.getInfor());
 
页面载入完成的信号：
connect(ui.webView->page()->mainFrame(), SIGNAL(loadFinished(bool)),
           
this, SLOT(callFunction()));
 
由于篇幅限制，我就不发头文件了，详细源码可以下载附件QtInvokeJS.zip
#include "mainwindow.h"
#include "ui_mainwindow.h"




MainWindow::MainWindow(QWidget *parent) :


    QMainWindow(parent),


    ui(new Ui::MainWindow)


{


    ui->setupUi(this);




    /* 载入html网页 */


    m_pWebView = new QWebView();




    m_pWebView->load(QUrl("file:///D:/jsTest.html"));




    m_pWebView->show();




    /* 开启JavaScript支持 */


    QWebSettings *pWebSettings = m_pWebView->page()->settings();




    pWebSettings->setAttribute(QWebSettings::JavascriptEnabled,true);




    /* 窗体布局, 添加按钮 */


    QPushButton *pEventBtn = new QPushButton(tr("QT Invoke JavaScript web page Object"));


    QPushButton *pcloseBtn = new QPushButton(tr("close"));




    /* 布局：网页与按钮为上下布局，两按钮为水平居中布局 */


    QHBoxLayout *pBtnLayout = new QHBoxLayout;




    pBtnLayout->addWidget(pEventBtn);




    pBtnLayout->addWidget(pcloseBtn);




    pBtnLayout->setAlignment(Qt::AlignCenter);




    QVBoxLayout *pMainLayout = new QVBoxLayout;




    pMainLayout->addWidget(m_pWebView);




    pMainLayout->addLayout(pBtnLayout);




    QWidget *widget = new QWidget;




    widget->setLayout(pMainLayout);




    setCentralWidget(widget);




    /* 建立信号与槽, 每次载入html时发送段信号 */


    connect(m_pWebView->page()->mainFrame(),SIGNAL(javaScriptWindowObjectCleared()),


            this,SLOT(addObjectToJs()));




    connect(pEventBtn,SIGNAL(clicked()),this,SLOT(testJs()));




    connect(pcloseBtn,SIGNAL(clicked()),this,SLOT(close()));




    testStr.clear();


}




MainWindow::~MainWindow()


{


    if(m_pWebView != NULL)


    {


        delete m_pWebView;


        m_pWebView = NULL;


    }




    /* 必须的，否则，在debug编译模式下就会出现leak错误 */


    QWebSettings::globalSettings()->clearMemoryCaches();




    delete ui;


}




/* 这个public slot槽函数是为了响应JavaScript的的invoke的 */


void MainWindow::jsInvokeQt()


{


    qDebug()<<"MainWindow::jsInvokeQt(),\t JavaScript invoke Qt program!";


}




/* 将MainWindows这个类的名称&&对象指针发送给JavaScript */


void MainWindow::addObjectToJs()


{


    m_pWebView->page()->mainFrame()->addToJavaScriptWindowObject("MainWindow",this);


}




/* Qt来 invoke JavaScript里面的disp_messagebox()函数 */


void MainWindow::testJs()


{


    qDebug()<<"MainWindow::testJs(),\t Qt invoke JavaScript's function";


    m_pWebView->page()->mainFrame()->evaluateJavaScript("disp_messagebox()");


}




/* JavaScript invoke Qt里面的public slot 槽函数 */


void MainWindow::setInfor(const QString str)


{


    qDebug()<<"MainWindow::setInfor(const QString str),\t Response of js Invoke!"<<"var is:"<<str;


    if(str.isEmpty())


    {


        qDebug()<<"str is empty!";


        return;


    }


    else


    {


        testStr = str;


    }


}




/* JavaScript invoke Qt里面的public slot 槽函数 */


QString MainWindow::getInfor()


{


    qDebug()<<"MainWindow::GetInfor(),\t "<<testStr;


    return testStr;


}
-----------------------------------------------------------------------------


<html>


 


<head>


 


<script type="text/javascript">


 


function disp_messagebox()


{


    alert("This is javaScript MessageBox come from alert!")


} 


 


function disp_qtmessage()


{


  alert("disp_messagebox function, who is in JavaScript!")


   


  MainWindow.jsInvokeQt();


 


  MainWindow.setInfor("Qt change string"); 


  


  alert(MainWindow.getInfor());


} 


 


</script>


 


</head>


 


<body> 


 


<input type="button" onclick="disp_qtmessage()" value="JavaScript Invoke Qt Object" /> 


 


</body>


 


</html>


												


											
QT和JS的互相调用例子的更多相关文章
	

    
								
  1. node源码详解（四） —— js代码如何调用C++的函数
		
    本作品采用知识共享署名 4.0 国际许可协议进行许可.转载保留声明头部与原文链接https://luzeshu.com/blog/nodesource4 本博客同步在https://cnodejs.o ...
    
		
    2. 
						
  2. Qt与JS（三）
		
    Qt不错的学习网址: http://www.cnblogs.com/findumars/p/5529526.html ----------------------------------------- ...
    
		
    3. 
						
  3. Atitit java c# php c++ js跨语言调用matlab实现边缘检测等功能attilax总结
		
    Atitit java c# php c++ js跨语言调用matlab实现边缘检测等功能attilax总结 1.1. 边缘检测的基本方法Canny最常用了1 1.2. 编写matlab边缘检测代码, ...
    
		
    4. 
						
  4. Unity3D中C#和js方法相互调用
		
    通过查找资料,Unity3D中C#和js要相互调用彼此的方法,js文件必须放在"Standard Assets". "Pro Standard Assets"  ...
    
		
    5. 
						
  5. js函数的调用问题
		
    1.js函数的调用方式有三种.请问以下“二”处的几行代码有什么猫腻? //一 事件调用 btn.onclick=fn; //二 直接调用(window调用) fn(); //自上而下解析到这一行的时候 ...
    
		
    6. 
						
  6. iOS js oc相互调用（JavaScriptCore）（二）
		
    下来我们使用js调用iOS js调用iOS分两种情况 一,js里面直接调用方法 二,js里面通过对象调用方法 首先我们看第一种,直接调用方法. 其中用到了iOS的block 上代码 -(void)we ...
    
		
    7. 
						
  7. js switch表达式的例子
		
    switch 这种表达式在很多语言中都有,比如java, C等待, 使用switch比使用if else 来得方便,来得清晰.  前言 switch 这种表达式在很多语言中都有,比如java, C等待 ...
    
		
    8. 
						
  8. gwt中java与js的相互调用
		
    1. java通过jsni调用内部js Button button = new Button("java调用内部jsni的js方法"); button.addClickHandle ...
    
		
    9. 
						
  9. iOS js oc相互调用（JavaScriptCore 下）
		
    下来我们使用js调用iOS js调用iOS分两种情况 一,js里面直接调用方法 二,js里面通过对象调用方法 首先我们看第一种,直接调用方法. 其中用到了iOS的block 上代码 -(void)we ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. CPU核数和load average的关系
			
    在前面的文章<Linux系统监控——top命令>中我简单提到了,判断load average的数值到底大不大的判断依据,就是数值除以CPU核数,大于5,就说明超负荷运转了.——这里其实不太 ...
    
			
    2. 
						
  2. mysql5.7.23手动配置安装windows版
			
    1.mysql下载地址 官网:https://dev.mysql.com/downloads/mysql/5.7.html#downloads 官网我下载的是: 百度网盘:链接: https://pa ...
    
			
    3. 
						
  3. STL_头文件
			
    #include <string> #include <vector> #include <deque> #include <queue> #inclu ...
    
			
    4. 
						
  4. kotlin - 空安全
			
    空安全设计的操作符号 操作符 作用 ? 可空操作符,声明该值可为空 ?. 安全调用操作符       b?.length 如果b非空,就返回b.length,否则返回 null !! 非空断言运算符, ...
    
			
    5. 
						
  5. 基于iOS用CoreImage实现人脸识别
			
    2018-09-04更新: 很久没有更新文章了,工作之余花时间看了之前写的这篇文章并运行了之前写的配套Demo,通过打印人脸特征CIFaceFeature的属性,发现识别的效果并不是很好,具体说明见文 ...
    
			
    6. 
						
  6. js常见知识点3.面向对象之继承、设计模式
			
    一.面向对象的三大特征 建议回复: 封装:屏蔽内部细节.调用外部接口实现对应功能(函数调用) 继承:子类继承父类中的属性和方法 多态(js中不存在多态的概念) 二.继承 建议回复: 继承:子类继承父类 ...
    
			
    7. 
						
  7. Spring Cloud 入门教程(四)： 分布式环境下自动发现配置服务
			
    前一章, 我们的Hello world应用服务,通过配置服务器Config Server获取到了我们配置的hello信息“hello world”. 但自己的配置文件中必须配置config serve ...
    
			
    8. 
						
  8. vue面试
			
    1.一个比较全的vue面试题 http://www.bslxx.com/p/3187.html
    
			
    9. 
						
  9. 获取解码字符串指定位置的数值 Decoded String at Index
			
    2018-10-04 12:53:06 问题描述: 问题求解: 首先本题给出了问题的规模,从Note中我们可以看到解码后的字符串长度甚至可以达到2^63的长度,这个长度已经远远超过整型数的范围,因此如 ...
    
			
    10. 
						
  10. 练习：将从表读出来的时间戳除以1000（java读时间戳会多出3个000）用jackson包 实现
			
    练习:将从表读出来的时间戳除以1000(java读时间戳会多出3个000)jackson包 实现 entity @Entity @DynamicUpdate //自动更新日期 @Data //get/ ...
    
			
    11.