qt和 html 交互,实现js与Qt程序的交互

在QtWebkit的javascript里访问QObject的最关键的关键就是下面这个方法：

void

QWebFrame::addToJavaScriptWindowObject ( const QString

&name,QObject *object )

我们要在js调用该QObject之前调用这个函数。

这个时机不好掌握， 不过我们可以按文档的建议， 把这个函数放在一个signal的槽里调用。 代码如下：

/// in constructor

///

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

SIGNAL(javaScriptWindowObjectCleared()),this,

SLOT(populateJavaScriptWindowObject()));

///slot

void

FormExtractor::populateJavaScriptWindowObject()

{

ui.webView->page()->mainFrame()->addToJavaScriptWindowObject(“formExtractor”,

this);

}

addToJavaScriptWindowObject的第一个参数是对象在javascript里的名字，

可以自由命名， 第二个参数是对应的QObject实例指针。

这样在javascript里就可以直接访问formExtractor对象拉，

就像在Qt里访问这个formExtractor一样， 是不是看上去超级简单？ 当然事情不会总是怎么简单的。

如果我们翻开Qt文档关于addToJavaScriptWindowObject的说明就会发现，

还有一点非常重要的内容在文档中仅仅是一笔带过， 不注意看很可能就错过了重要的信息：

Make object available under

name from within the frame's JavaScript context. The object will be

inserted as a child of the frame's window object.

Qt properties will be exposed

as JavaScript properties and slots as JavaScript

methods.

有没有意识到上面显示的这句话意味着什么呢？

大概聪明的同学们都已经意识到了吧。

要想在js里调用Qt的方法， 还有一个重要的条件需要满足，

那就是把这个方法声明为槽函数(而且是public槽)， 普通的函数是不行的!

要想在js里直接访问到QObject的成员，

该成员必须定义为属性才行!?? 而这个QObject不一定非得是QWidget，

可以是任何QObject及其派生类的实例。

满足了上面的条件我们就可以在js里调用formExtractor的函数啦:

οnsubmit=”formExtractor.submit()”>

这里和调用任何js的变量和函数都是一致的，

具体看看js的语法就行了。