Qt与JS（三）

Qt不错的学习网址：

http://www.cnblogs.com/findumars/p/5529526.html

----------------------------------------------------

IE内核，qt调用js；qt写com组件，html就可以调用qt

可以百度 QAxBindable  会搜索到比较有用的文章

http://blog.csdn.net/csxiaoshui/article/details/47333989

http://blog.csdn.net/csxiaoshui/article/details/48000885

http://blog.csdn.net/csxiaoshui/article/details/50735018

http://blog.csdn.net/jxd9955/article/details/30260725

ui->axWidget->setControl("Shell.Explorer");


ui->axWidget->setObjectName(QString::fromUtf8("WebBrowser"));


ui->axWidget->setFocusPolicy(Qt::StrongFocus);


//去边框


ui->axWidget->setWindowFlags(Qt::FramelessWindowHint);


ui->axWidget->setStyleSheet("QGraphicsView{border:0px;}");






ui->axWidget->dynamicCall("Navigate(constQString&)",QString("file:///D:/proj/m5/m5/baidu_map_new.html"));




IWebBrowser2*webBrowser=0;




ui->axWidget->queryInterface(IID_IWebBrowser2,(void**)&webBrowser);




if(webBrowser)


{


VARIANT_BOOLresult;


HRESULTbusy=webBrowser->get_Busy(&result);




if(VARIANT_TRUE==result)


{




}


}




ui->axWidget->close();


ui->axWidget->show();

+++++++++++++++++++++++++++++++++++++++++++调用js函数


voidMainWindow::SetLocation(std::wstringx,std::wstringy,std::wstringstr)


{


if(QString::fromStdWString(x).trimmed().isEmpty()||


QString::fromStdWString(y).trimmed().isEmpty())


{


QMessageBox::information(this,QString("NOTICE"),


#ifdefENGLISH_


QString("Targetaddressisempty!"));


#else


QString("目标地址为空!"));


#endif//ENGLISH_




return;


}




QAxObject*document=ui->axWidget->querySubObject("Document");


IHTMLDocument2*doc2;


if(document!=NULL)


{


document->queryInterface(QUuid(IID_IHTMLDocument2),(void**)&doc2);


}




if(doc2)


{


IHTMLWindow2*win2=NULL;


if(doc2->get_parentWindow(&win2)==S_OK)


{


WCHARlocationInfo[MAX_PATH]={0};


wsprintf(locationInfo,L"setLocation(%s,%s,%s)",x.c_str(),y.c_str(),str.c_str());




BSTRs1=SysAllocString(locationInfo);


BSTRs2=SysAllocString(L"JavaScript");


VARIANTret;


if(win2!=NULL)


{


win2->execScript(s1,s2,&ret);


}




SysFreeString(s2);


SysFreeString(s1);


}


}


}




------------------------------------------------------------------------------


QT5 与JS交互不错的文章：


http://blog.csdn.net/d7185540/article/details/52896531


http://blog.csdn.net/sharetm/article/details/55260207


---------------------------------------------------------------------------


Qt之QtScript（一）


http://blog.csdn.net/liuhongwei123888/article/details/6162159


http://blog.csdn.net/styyzxjq2009/article/details/8364545


-----------------------------------------------------------------------------------


WebView与JS


这种用法很少见：


http://www.cnblogs.com/ziqiuqiandao/archive/2012/12/29/2838652.html


可以获取到html元素的值：


    

  1. QWebFrame *frame = ui->webView->page()->mainFrame();
    2. 

  2. QWebElement userNameEle = frame->findFirstElement("#userName");
    3. 

  3. QWebElement passwordEle = frame->findFirstElement("#password");
    4. 

  4. QString userName = userNameEle.evaluateJavaScript("this.value").toString();
    5. 

  5. QString password = passwordEle.evaluateJavaScript("this.value").toString();
    6. 



http://blog.csdn.net/liuhongwei123888/article/details/6137094






QT分析之WebKit http://www.cnblogs.com/lfsblack/p/5278777.html 对WebKit进行了详细的讲解，


http://www.cnblogs.com/findumars/p/5529526.html可以将QT的属性值暴露给html文件。


大众用法：


QString strFunc(tr("locateCity(‘南京‘, 11);"));


m_pWebView->page()->mainFrame()->evaluateJavaScript(strFunc);


几个注意点：


QWebView为何有些网页显示不了:


1、网页是https协议的，使用SSL加密连接了。你的Qt库集成了openssl模块吗？如果没有，要-openssl开关重编QtNetwork库。如果有，连接webView->page()->networkAccessManager()的sslErrors信号，调用QNetworkReply的ignoreSslErrors函数，然后把libeay32.dll和ssleay32.dll两个文件和程序放到一起。


2、把 qt-create中的 ssleay32.dll 和 libeay32.dll 复制到 qt sdk的 bin目录下面


在学习Qt，做了个浏览器demo，没搞懂对https是怎么支持的？我开发的时候用的机器所有https网站都正常显示，后来拿到另一台机器上，全是空白页。网上有说是ssl握手产生错误的问题，我把代码搞到后一台机子上写了发现还是不行，根本没收到sslerror的signal。用其它浏览器都是正常打开，不明白为什么？


是不是libeay32.dll和ssleay32.dll缺了？


是因为这2个dll，但是电脑里是有的，其他程序都能找到这个路径就是我自己搞的不行，后来把openssl一起打包了。


QWebView直接load可以打开https网页，网页内的大多数的按钮点击却无反应


NetworkAccessManager::createRequest(Operation op, const QNetworkRequest & req, QIODevice * outgoingData)里可以看到有请求返回，


但WebPage::acceptNavigationRequest(QWebFrame *frame, const QNetworkRequest &request, NavigationType type)却收不到请求。


1、


有没有试过调用QWebPager的setLinkDelegationPolicy函数，我之前有碰到过点击链接不处理的问题，是因为没有调用这个函数。


ui->webView->page()->setLinkDelegationPolicy(QWebPage::DelegateExternalLinks);


3、实在不行，参考方案：最终还是QT整合MFC的CHtmlView来做


/* 开启JavaScript支持 */  好像不是必须的！！


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


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


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


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


this,SLOT(addObjectToJs()));


Qt代码里先尝试在javaScriptWindowObjectCleared信号对应的槽里调用，结果失败了：


connect(ui.webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),


this, SLOT(populateJavaScriptWindowObject()));


...


void FormExtractor::populateJavaScriptWindowObject()


{


ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");


}


是因为这个信号发出得太早了，页面还没有完全载入。需要在后面调用。最好是响应loadFinished(bool)信号：


connect(ui.webView->page()->mainFrame(),

SIGNAL(loadFinished(bool)),


this, SLOT(callFunction()));


...


void FormExtractor::callFunction()


{


ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");


}


QWebview控件


该控件是用于在Qt中显示网页的控件，一般而言会将contextMenuPolicy属性设置为NoContextMenu隐藏系统为其提供的默认右键菜单


<1>. 加载网页：








1


2


3




ui->webViewCut->load(QUrl("http://www.baidu.com"));


//如果是本地网页，必须使用file:///的前缀作为网页地址


ui->webViewCut->load(QUrl("file:///c:/test.html "));








<2>. Qt代码中调用QWebview加载的网页中的js函数：








1


2


3


4


5


6


7


8


9


10




//先作如下设置


ui->webViewCut->page()->setForwardUnsupportedContent(true);


ui->webViewCut->page()->settings()->setAttribute(QWebSettings::JavascriptEnabled, true);


ui->webViewCut->page()->settings()->setAttribute(QWebSettings::PluginsEnabled, true);


ui->webViewCut->page()->settings()->setAttribute(QWebSettings::JavaEnabled, true);


ui->webViewCut->page()->settings()->setAttribute(QWebSettings::AutoLoadImages, true);



//然后在QWebview的loadFinished槽函数中调用js，该槽函数表示网页已经加载完毕


QString js = QString("alert(\‘hello Qt!\‘)");


ui->webViewCut->page()->mainFrame()->evaluateJavaScript(js);








<3>. 在QWebview加载的html的js代码中调用Qt的函数：


默认情况下在QwebViewCut中的网页里面的js不能直接调用Qt中的相关功能，这涉及到安全性问题。要满足js中调用Qt的功能必须满足下面的条件：


在Qt中暴露一个对象给js，然后js就可以在网页中直接使用这个对象以及该对象的[特定]函数，要求是被暴露Qt对象必须继承自QObject类，并且在js中调用这个暴露的对象的成员函数的定义是有要求的，该对象的满足下面的要求的成员函数都可以直接被js调用：


1.必须是该对象的公共函数，并且在函数声明前面添加Q_INVOKABLE修饰，例如：








1


2




public :


 Q_INVOKABLE int TestQt();








2.如果该函数被声明成一个public slot 也可以不添加Q_INVOKABLE修饰：








1


2




public slots:


  void TestQt();








个人认为第一种方法更好，因为可以设置返回值，而Qt的槽函数是没有返回值的，都是返回void，只需要调用this->ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj", this); 就可以将一个Qt对象，也就是这里传递的this代表的对象，当然也可以直接传递其他对象指针，暴露给网页中的javascript，网页中的javascript在调用的时候可以直接使用 QtObj 去引用我们的Qt对象，以及通过QtObj去直接调用符合条件的Qt对象的成员函数。


那么this->ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj", this);代码在什么时候执行呢？ 推荐是在QWebFrame的信号javaScriptWindowObjectCleared发出的时候执行，所以我们可以在当前UI界面类的构造函数中添加下面的代码：








1


2




connect(ui->webViewCut->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),


    this, SLOT(populateJavaScriptWindowObject()));








然后在处理javaScriptWindowObjectCleared()信号的槽函数中实现上述暴露功能：








1


2


3


4




void MainWindow::populateJavaScriptWindowObject()


{


   ui->webViewCut->page()->mainFrame()->addToJavaScriptWindowObject("QtObj", this);


}








根据Qt文档上对该信号的描述javaScriptWindowObjectCleared()这个信号会在我们调用QwebViewCut::load()加载新的url之前就触发，我们在这个时候去处理这个信号，将我们需要暴露的Qt对象暴露给即将载入的网页


<4>. 将Qt的属性暴露出去供js调用，使用如下方法：








1



Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)








将上面的语句加入到类的声明中，在private块下面就可以，最后不需要以分号结尾，例如：








1


2




private:


 Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)








这一行的作用是将属性 Qtvalue 注册到Qt的元对象系统中，在js中可以通过名字Qtvalue来访问该属性，但在js中访问该属性的时候假设Qt暴露给js的对象为QtObj，那么在js中可以这样访问该属性：








1


2




QtObj.Qtvalue = 10; //设置该属性的时候会调用void setTestValue(int)


alert(QtObj.Qtvalue) //获取该属性的时候会调用 int testValue()








Q_PROPERTY(int Qtvalue READ testValue WRITE setTestValue)的结构如下：








1


2




Q_PROPERTY( 类型   属性名    READ     返回属性值的函数    WRITE     设置属性值的函数 )


            int   Qtvalue           int testValue()          void setTestValue(int)








也就是说在js中我们可以直接使用Qtvalue，当获取Qtvalue的值的时候会自动调用暴露对象的 int testValue() 函数 ，Qt规定其返回值必须与Q_PROPERTY语句中指定的类型相同，并且必须没有参数。当我们为Qtvalue设置值的时候会调用暴露对象的void setTestValue(int)函数，该函数必须有一个int类型的参数(类型也必须与前面Q_PROPERTY语句中指定的类型相同)，并且不能有返回值。


经过实验int testValue()与void setTestValue(int)函数的声明在private区域也可以，好像无所谓。其实这两个函数的名字是可以随意定的，对js暴露的属性名是Qtvalue，当访问Qtvalue属性的时候，会自动调用Q_PROPERTY声明中READ后面指定的函数去获取值，并且调用WRITE后面指定的函数去设置值，而不在乎这两个函数的名字。


另外这两个函数获取的值或者设置的值从哪里得来呢，我们可以在Qt对象中定义一个私有变量来保存这个值，而这个私有变量的名字是无所谓的，甚至如果需要的话，我们也不必保存这个值，直接在函数testValue里面返回一个常量值，也就是说是否应该定义一个私有变量来保存Qtvalue相关联的属性值，这个也不是必须的。


更多Qt QWidget与js的交互可以在Qt文档中搜索  The Qt WebKit Bridge关键字，其实Q_PROPERTY并不是专用于暴露属性给js的，Q_PROPERTY是Qt元对象系统的一部分。


<5>. 如果在QWebview加载的网页中有Flex应用程序，并且Qt中调用该QWebview加载的网页中的js函数中需要调用flex程序暴露给js的接口，那么还需要作如下设置：


在"%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\"路径下新建xxx.cfg文件，将当前flex应用程序所在位置(也就是swf文件所在的目录)填写到该文件中即可，该xxx.cfg的名字是无所谓的，随便什么名字，在xxx.cfg文件中指定的目录路径中的swf文件的运行是被信任的。xxx.cfg文件中可以指定多个目录，每行一个。实际上%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\路径下也可以有多个文件名不同的cfg文件。xxx.cfg文件中指定的目录实际上可以直接指定为根目录，例如swf文件的路径是F:/xxx/yyy/zzz/test.swf，那么我们新建的xxx.cfg中的内容的第一行可以直接指定为F:/即可。


其实FlexBuilder在建立项目的时候，其生成的swf所在的目录都被添加到了%appdata%\Macromedia\Flash Player\#Security\FlashPlayerTrust\下面的flashbuilder.cfg中了，所以使用FlexBuilder调试项目的时候，运行的swf都是被信任的。


js调用QT时，传递参数类型：


注册：


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


js调用qt的函数


void m5_js::setInfor(const QString a)


{


ui.btadd->setText(a);


}


　　　　　　　　　　js函数：　　


function attribute() {


var p = marker.getPosition();


var ll = p.lng.toString();


m5_js.setInfor(ll)


//m5_js.setInfor(p.lng.toString())


//获取marker的位置


alert("marker的位置是" + p.lng + "," + p.lat);


}


Qt代码里先尝试在javaScriptWindowObjectCleared信号对应的槽里调用，结果失败了：


connect(ui.webView->page()->mainFrame(), SIGNAL(javaScriptWindowObjectCleared()),


this, SLOT(populateJavaScriptWindowObject()));


...


void FormExtractor::populateJavaScriptWindowObject()


{


ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");


}


是因为这个信号发出得太早了，页面还没有完全载入。需要在后面调用。最好是响应loadFinished(bool)信号：


connect(ui.webView->page()->mainFrame(),

SIGNAL(loadFinished(bool)),


this, SLOT(callFunction()));


...


void FormExtractor::callFunction()


{


ui.webView->page()->mainFrame()->evaluateJavaScript("tryalert();");


}
				


				
时间： 2024-10-05 01:38:54 

		


		


	

	
	

		


		
Qt与JS（三）的相关文章


								

		

			

                qt与js互相调用
			

		

		

									

				二.QT支持Js流程 QT与JavaScript互调是通过QWebFrame的两个函数来实现的:addToJavaScriptWindowObject()将QObject对象传给JS,这样JS就能调用QObject的public slots函数.QT通过evaluateJavaScript()直接调用JS中的函数.流程如下(<QT高级编程>中插图): 三.示例 使用QWebKit创建一个包含浏览器和工具按钮窗口,在该浏览器中载入包括Js的html,工具按钮调用html中的js 1.工程中引入			

		

	

				

		

			

                Qt调用JS
			

		

		

									

				转自: 一. 简介 Qt提供了本地C++对象与JavaScript的无缝集成,可以进行本地与web混合应用开发.利用Qt的Webkit集成与QtNetwork模块,可以自由的混合JavaScript.样式表.Web内容和Qt组件.对于C++和javaScript通信,最基本也最复杂的做法是使用COM,本文主要介绍使用Qt提供的QWebView和javaScript进行通信. 二. 流程 ? 基本函数介绍 Qt与JavaScript互调是通过QWebFrame两个函数来实现的:addToJavaS			

		

	

				

		

			

                qt学习（三）：鼠标图标改变
			

		

		

									

				qt学习 (三):鼠标图标改变 当你进入一个美好的qt软件场景,比如游戏,电脑的黑白图标会让程序逊色不少, 1改图标要加光标的头文件, 2 载入光标图, 3 再设置改光标就可以了 1在头文件中加 #include <QtGui>  //光标类的父类 //再在public成员中声明换的函数void keyPressEvent(QKeyEvent *k); //声明按键换图的函数         .h文件    --注意头文件和声明 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~			

		

	

				

		

			

                QT开发（三十八）——Model/View框架编程
			

		

		

									

				QT开发(三十八)--Model/View框架编程 一.自定义模型 1.自定义只读模型 QAbstractItemModel为自定义模型提供了一个足够灵活的接口,能够支持数据源的层次结构,能够对数据进行增删改操作,还能够支持拖放.QT提供了 QAbstarctListModel和QAbstractTableModel两个类来简化非层次数据模型的开发,适合于结合列表和表格使用. 自定义模型需要考虑模型管理的的数据结构适合的视图的显示方式.如果模型的数据仅仅用于列表或表格的显示,那么可以使用QAbs			

		

	

				

		

			

                嵌入式linux QT开发（三）——GUI原理分析
			

		

		

									

				嵌入式linux QT开发(三)--GUI原理分析 一.命令行程序 命令行程序是面向过程的程序设计. 命令行程序的特点: A.基于顺序结构执行 B.程序执行过程中不需与用户交互 C.程序执行结束给出最终运行结果 命令行程序适用场合: A.单任务场合 B.无交互.简单交互场合 C.服务器应用场合 二.GUI程序 GUI程序的特点: A.基于消息驱动模型的程序 B.程序执行依赖用户交互过程 C.程序执行过程中实时响应用户操作 D.一般程序执行后不会主动退出 GUI程序适用场合: A.多任务场合 B.			

		

	

				

		

			

                [读书笔记]了不起的node.js(三)
			

		

		

									

				这周的nodejs学习内容为几个依赖包的使用,把书上的例子都敲了一遍.这篇就以例程为线索,复习一下一周的工作. 1.connect 这个例程主要是使用connect依赖包,connect提供一个中间件(由函数组成,与请求.响应对象交互)的功能.书中也介绍了connect内置其他的中间件,这些中间件起到组织代码完成web功能的作用. 2.session 使用connect进行用户会话,进行基本的登录系统.通过中间件实现了检查登录.展示表单.用户匹配.处理登出的功能.展示了中间件的强大和组织方式.			

		

	

				

		

			

                QT开发（三十一）——NotePad实例开发
			

		

		

									

				QT开发(三十一)--NotePad实例开发 一.界面开发 NotePad使用主窗口作为顶层窗口组件,使用QMainWindow作为基类,QMainWindow内部封装了菜单栏.工具栏.中央组件.停靠组件.状态栏等.QMainWindow内置了布局管理器,基本的组件布局如下: 使用二阶构造模式构建NotePad界面. MainWindow::MainWindow() {     resize(800, 600); }   MainWindow::~MainWindow() {   }   Mai			

		

	

				

		

			

                Qt计算器开发(三)：运行效果及项目总结
			

		

		

									

				运行效果 工程目录 Counter |--- Counter.pro |--- 头文件 |      |--- aboutdialog.h |      `--- mainwindow.h |--- 源文件 |      |--- aboutdialog.cpp |      |--- main.cpp |      `--- mainwindow.cpp `--- UI文件 |--- aboutdialog.ui `--- mainwindow.ui 总结 项目 这个工程的Ui部分我是直接使用			

		

	

				

		

			

                QT开发（三十四）——QT多线程编程
			

		

		

									

				QT开发(三十四)--QT多线程编程 一.QT多线程简介 QT通过三种形式提供了对线程的支持,分别是平台无关的线程类.线程安全的事件投递.跨线程的信号-槽连接. QT中线程类包含如下: QThread 提供了开始一个新线程的方法    QThreadStorage 提供逐线程数据存储    QMutex 提供相互排斥的锁,或互斥量    QMutexLocker 是一个辅助类,自动对 QMutex 加锁与解锁    QReadWriterLock 提供了一个可以同时读操作的锁    QReadL