Qt利用JavaScript访问网页元素(百度博客下载例子)

Qt利用JavaScript访问网页元素(百度博客下载例子)

本站所有文章由本站和原作者保留一切权力，仅在保留本版权信息、原文链接、原文作者的情况下允许转载，转载请勿删改原文内容，并不得用于商业用途。谢谢合作。

原文链接:Qt利用JavaScript访问网页元素(百度博客下载例子)

昨天的文章Qt利用DOM API访问网页元素介绍了怎样使用QtWebKit中的DOM支持来实现读取百度博客中的博客标题和上下文链接。要实现网页处理的功能，QtWebKit还提供了更灵活的方法，就是利用JavaScript来处理网页，使用JavaScript能更方便的扩展你的应用，首先它不需要重新编译程序，在网页内容变化的时候，修改JavaScript文件就可以，其次也很容易实现插件话，比如我读取百度博客可以使用baidu.js来实现，要支持新浪的博客，只需另外增加一个sohu.js文件就可以。从代码使用上JavaScript也有一定优势，它能直接使用HTML里的JavaScript定义的变量，如果要用Qt代码几乎是不可能的。

要在QtWebKit中使用JavaScript，核心的一个函数就是evaluateJavaScript(QString),参数是要执行的JavaScript语句。有两个类定义了该函数分别是QWebElement和QWebFrame,也就是说可以对HTML文档中的一个节点或者整个文档调用evaluateJavaScript()。evaluateJavaScript()可以执行更改文档节点中的内容，比如修改背景色，图表数据等。evaluateJavaScript()还能返回数据，它执行的最后一条JavaScript语句的结果输出传给Qt代码，可以是一个字符串，也可以是一个XML对象，注意它的返回类型是QVariant。

我们还来看一个我要加载的baidu.js文件，里面用简单的JavaScript DOM读取博客的主体，标题和上下文链接。

function getBlog(){

var blog_text=document.getElementById(“blog_text”);

return blog_text.innerHTML;

}

function getTitle(){

var blog=document.getElementById(“m_blog”);

var list=blog.getElementsByClassName(“tit”);

return list[0].innerHTML;

}

function older_href(){

return “http://hi.baidu.com”+pre[3];

}

function newer_href(){

return “http://hi.baidu.com”+post[3];

}

为了使用这里的JavaScript函数,可以使用如下Qt代码加载

QFile file;

file.setFileName(“baidu.js”);

file.open(QIODevice::ReadOnly);

QString jscript = file.readAll();

file.close();

mainframe->evaluateJavaScript(jscript);

在真正要读取博客中的内容的时候，去调用对应的JavaScript函数就可以，代码如下。下面的代码，我们使用了evaluateJavaScript()的返回值。

QString js_str,js_return;

js_str=QString(“getTitle();”);

js_return=mainframe->evaluateJavaScript(js_str).toString();

title->setText(js_return);

js_str=QString(“older_href();”);

js_return=mainframe->evaluateJavaScript(js_str).toString();

prev->setText(js_return);

js_str=QString(“newer_href();”);

js_return=mainframe->evaluateJavaScript(js_str).toString();

next->setText(js_return);

从上面的结构来看，我们很容易把下载百度博客的程序扩展到其他空间的博客上。只要实现一个相应的.js文件就可以。可编译执行的例子源代码下载地址在这里，没错就是昨天的代码，你需要在两种代码之间用指定的宏切换一下而已。

Qt利用JavaScript访问网页元素(百度博客下载例子)相关推荐

HTML5期末大作业：个人介绍/个人主页/网页设计——个人博客 (11页) HTML+CSS+JavaScript
HTML5期末大作业:个人介绍/个人主页/网页设计--个人博客 (11页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码常见 ...
HTML5期末大作业：个人网站设计——个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载
HTML5期末大作业:个人网站设计--个人旅游图片博客HTML5模板(7个页面) HTML+CSS+JavaScript 学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作业,老 ...
html一级子元素,利用JavaScript怎么获取元素下的第一级子元素
利用JavaScript怎么获取元素下的第一级子元素发布时间:2021-01-22 17:03:51 来源:亿速云阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...
【基础】利用 hexo + Gitpage 开发自己的博客
原文作者:cherry 原文地址:[基础]利用 hexo + Gitpage 开发自己的博客进入程序员这个坑之后就开始自己在网上扒资料,然而资料太多,情况太复杂,主要是看见别人的博客,感觉好高大上, ...
百度博客PING 介绍
百度博客PING 服务手动提交地址附:百度博客PING 服务问答 http://ping.baidu.com/ping.html 博客提交,在提交框中输入您的博客地址或RSS 地址,然后点击 ...
如何利用wordpress搭建自己独立的博客（个人网站）
原址:http://blog.csdn.net/edroid1530/article/details/51136896 如何利用wordpress搭建自己独立的博客(个人网站) 搭建博客的方式多种样, ...
HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作...
HTML期末大作业~ 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...
HTML网页设计期末课程大作业：汽车网页——宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载
HTML网页设计期末课程大作业 :汽车网页--宝马轿车 6页带背景音乐学生网页设计作业HTML+CSS+JavaScript学生网页课程设计期末作业下载临近期末, 你还在为HTML网页设计结课作 ...
HTML期末大作业~web前端开发个人博客HTML整站模板~Web大学生网页成品 ~个人主页博客网页HTML设计制作
HTML期末大作业~ 学生HTML个人网页作业作品下载个人主页博客网页设计制作大学生个人网站作业模板简单个人网页制作临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTM ...

Qt利用JavaScript访问网页元素(百度博客下载例子)

Qt利用JavaScript访问网页元素(百度博客下载例子)

Qt利用JavaScript访问网页元素(百度博客下载例子)相关推荐

最新文章

热门文章