怎么在qt中 加载js脚本,谢谢

怎么在qt中 加载js脚本,谢谢,第1张

使用Webkit library (可以说是纯QT实现)

代码量不多,直接贴代码 (读起来一点不痛苦的) :

myWebView = new QWebView(this)//this 是main window widget, myWebView 是它的成员变槐瞎或量

myWebView->page()->settings()->setAttribute(QWebSettings::JavascriptEnabled, true)

myWebView->page()->settings()->setAttribute(QWebSettings::PluginsEnabled,true)

myWebView->page()->mainFrame()->addToJavaScriptWindowObject("mainWindowObject", this)//html页面中,可以通过"mainWindowObject"这个对象名访问主控件中的方法 (slot)

setCentralWidget(myWebView)

myWebView->setUrl( xxx )//xxx是你的url或本地html路径

//. . .

class MainWindow : public QMainWindow

{

//. . .

public slots:

void CPlusPlusFunction(const QString&str) //这个函数是将被JavaScript调用

{

myWebView->page()->mainFrame()->uateJavaScript( QObject::tr("jsFunction('Popup Dialog')") )

}

}

HTML文件内容如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />

<title>myjstest</title>

<script language="JavaScript" type="text/javascript">

function jsFunction(values) //this function will be called from C++ codes

{

alert(values)

}

function test()

{

mainWindowObject.CPlusPlusFunction( "calling C++ function from javaScript" )

}

</script>

</head>

<body>

<div id="dest"></div><form action="" method="post"铅伍>

<input type="button" name="" value="myTest" onclick="test()" />

</form>

</body>

</html>

这种方法,使用Webkit作为浏览器,如果你的页面使用了ActiveX控件(比如google earth插件),则不能正常工作。

这种情况下,你需要放弃Webkit,在主程序中调用IE 控件神滚(WebBrowser Control)作为浏览器。(但是这样也失去了跨平台的支持,因为IE只能在Wndosw上跑。)

花了前后将近一个星期的时间,终于用PyQT实现了我悉盯的第一个程序。本程序实现了使用QThread后台处理数据、QThread的暂停,恢复、睁清和停止等功能。

主要有几个问题:

1、后台单独线程处理数据的问题;最初不明白QT在子线程中不能 *** 作GUI的问题,因此查了很久的GUI的crash的问题

2、界面的布局;理解了gridLayout这个非常方便的布局方法。

代码片段

# -*- coding: utf-8 -*-

"""

Module implementing umd_MainWindow.

"""

import sys, os, re, time,sip

from PyQt4 import QtGui, QtCore

from dict4ini import DictIni

from Ui_ebook_txt import Ui_umd_MainWindow

class eBookException(Exception):

pass

class ebookParseWorker(QtCore.QThread):

'''QT中子线程内不能 *** 作GUI界面,切记切记'''

def __init__(self, parent=None):

QtCore.QThread.__init__(self, parent)

self.exiting = False

self.isWait=False

self.data={}

def setVar(self, name, value):

self.data[name]=value

def __del__(self):

self.exiting = True

self.wait()

def buildRegx(self):

#self.alert(regx)

if self.data['chmChapterRegx'] is None:

regx='pages\[(\d+)\]\s*=\s*\[(.*)\]'

try:

self.chapterInfo=re.compile(self.data['chmChapterRegx'])

except:

self.alert('列表处理正则表达式不正确')

return False

self.chapterList=[]

return True

def getChapterList(self):

if os.path.exists(unicode(self.data['正御chmChapterJs'])) ==False:

self.alert('章节列表JS文件%s不存在'%(self.data['chmChapterJs']))

return False

if self.data['inputCharset'] is None or self.data['inputCharset'].strip()=='':

self.data['inputCharset']='gbk'

m=self.chapterInfo.findall(open(unicode(self.data['chmChapterJs']),'rb').read())

vol=''

for x in m:

oldChapterInfo=x[1].split(',')

newChapterInfo={}

if len(oldChapterInfo)==4:

if oldChapterInfo[3].strip('"').strip("'")[0:5]!='<img alt="" /><1:

self.alert('章节列表小于1,请检查列表正则表达式是否正确')

return False

return self.chapterList

def run(self):

#是否触发错误

error=False

self.alert("<span><strong>开始处理章节内容</strong>")

if self.data['inputCharset'] is None or self.data['inputCharset'].strip()=='':

self.data['inputCharset']='gbk'

if self.data['outputCharset'] is None or self.data['outputCharset'].strip()=='':

self.data['outputCharset']='gbk'

if self.data['oldChapterTxtDir'] is None or self.data['oldChapterTxtDir'].strip()=='' :

self.alert('原始文件存放位置为空')

error=True

if self.data['newChapterTxtDir'] is None or self.data['newChapterTxtDir'].strip()=='':

self.data['newChapterTxtDir']=self.data['oldChapterTxtDir']

if os.path.exists(unicode(self.data['newChapterTxtDir'])) ==False:

目前,web页面嵌入Qt框架方式:

Qt:系统、一级、二级菜单框架;底部消息栏。

Web:三级菜单子页面。

开发方式:在web环境下开发完成后,将单独页面嵌入到qt中,html、js等文件都作为资源加入到qt工程中。

1、html页面中引入webchannel库:

<script src="../../../../lib/qwebchannel.js"></script>

<亏哗script src="../../../../js/component/webchannel.js"></script>

其中,webchannel.js中,初始化了qt与web之间的通道,并定义qt与web之间的消息类型和内容。消息类型对应各个页面具体功能。新渣判加的页面消息需要在该文件中添加。

2、Qt中相应子页面中加入web页面路径:

例如 epvl模型研判页面 JudgePool.qml:

以上步骤完成,就可以在Qt中看到web页面了。接下来需要注意的事项:

3、每个web页面下的初始化函数都必须在qt侧调用,因为初始化用到的一些如userinfo等信息需要Qt侧传入。并且在web页面初始化完成后调用。

(1)web页面中,加入页面初始化完成信号。

(2)Qt页面中,加入消息接收,并发送到web页面初始化消息。

(3)在webchannel.js中,加入web页面初始化函数销梁行。

4、遇到的问题:

(1)html中引入的js,如placecode.js等,都有初始化函数,凡是涉及到userinfo的都需要在qt侧调用。

(2)web中对文件名称大小写不区分,在Qt中严格区分。

(3)父页面d窗中是一个iframe的情况,iframe初始化问题解决方法:

iframe的路径不能在父页面静态加载,这样会导致iframe的js先于父页面的js加载,正常逻辑应该父页面的js先加载

需要在父页面定义一个方法来触发iframe的初始化方法

(4)页面跳转之后,需要调用跳转目的界面方法的问题:

1.web端js需要发出跳转信号

举例:案事件库的案件详情界面中跳转至【案件比对】(case_lib.js)

2.qt端qml接收跳转信号,调用CommonFun.jumpSystemPage方法,再向web端发信号调用目的界面的方法

注意: 目的界面有可能是初次打开,需要等目的界面初始化完成才能发调用web端方法(CaseLib.qml)

3.qt端目的界面需要定义初始化完成的信号,便于其他qt界面知道界面初始化完成:

(<u>compare_case.js</u>)

(<u>CompareCase.qm</u>l)


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/bake/11995569.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-20
下一篇 2023-05-20

发表评论

登录后才能评论

评论列表(0条)

保存