jsoup 解析HTML信息

jsoup简介

jsoup是一款Java的HTML解析器,可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API,

可通过DOM,CSS以及类似于jQuery的操作方法来取出和操作数据。

jsoup的主要功能如下

  • 1、从一个URL,文件或字符串中解析HTML

  • 2、使用DOM或CSS选择器来查找、取出数据

  • 3、可操作HTML元素、属性、文本

jsoup的主要类层次结构如图所示:

jsoup 解析HTML信息_第1张图片

文档输入

jsoup可以从包括字符串、URL地址以及本地文件来加载HTML文档,并生成Document对象实例。

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;"><span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 直接从字符串中输入 HTML 文档</span>
String html = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<html><head><title>learn jsoup</title></head>"</span>
    + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<body id='body'><p>Parse and traverse an HTML document.</p></body></html>"</span>;
Document doc = Jsoup.parse(html);

<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 从URL直接加载 HTML 文档</span>
Document doc = Jsoup.connect(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"http://itmyhome.com/"</span>).get();
String title = doc.title();

<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 从文件中加载HTML文档</span>
File input = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">new</span> File(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"D:/index.html"</span>);
Document doc = Jsoup.parse(input, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"UTF-8"</span>,<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"http://itmyhome.com"</span>);</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li></ul>

第三种方式parse方法也可以不指定第三个参数,因为HTML文档中会有很多例如链接、图片以及所引用的外部脚本、css文件等,

而第三个名为baseURL的参数的意思就是当HTML文档使用相对路径方式引用外部文件时,

jsoup会自动为这些URL加上一个前缀,也就是这个 baseURL。

 

数据抽取

使用DOM方法来遍历一个文档

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">String html = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<html><head><title>learn jsoup</title></head>"</span>
        + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<body id='content'><a href='itmyhome.com'>hello</a>"</span>
        + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<a href='blog.itmyhome.com'>jsoup</a></body></html>"</span>;

Document doc = Jsoup.parse(html);
Element content = doc.getElementById(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"content"</span>);
Elements links = content.getElementsByTag(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"a"</span>);
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">for</span> (Element link : links) {
    String linkHref = link.attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"href"</span>);
    String linkText = link.text();

    System.out.println(linkHref + <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">", "</span> + linkText);
}</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li></ul>

打印

<code class="language-bash hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">itmyhome.com, hello
blog.itmyhome.com, jsoup</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li></ul>

说明

Elements这个对象提供了一系列类似于DOM的方法来查找元素,抽取并处理其中的数据。具体如下:

查找元素

  • getElementById(String id)

  • getElementsByTag(String tag)

  • getElementsByClass(String className)

  • getElementsByAttribute(String key) (and related methods)

  • Element siblings: siblingElements(), firstElementSibling(), lastElementSibling(); nextElementSibling(), previousElementSibling()

  • Graph: parent(), children(), child(int index)

元素数据

  • attr(String key)获取属性 attr(String key, String value)设置属性

  • attributes()获取所有属性

  • id(), className() and classNames()

  • text()获取文本内容text(String value) 设置文本内容

  • html()获取元素内HTMLhtml(String value)设置元素内的HTML内容

  • outerHtml()获取元素外HTML内容

  • data()获取数据内容(例如:script和style标签)

  • tag() and tagName()

操作HTML和文本

  • append(String html), prepend(String html)

  • appendText(String text), prependText(String text)

  • appendElement(String tagName), prependElement(String tagName)

  • html(String value)

使用选择器语法来查找元素

<code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">Document doc = Jsoup.connect(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"http://itmyhome.com/"</span>).get();
Elements links = doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"a[href]"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 带有href属性的a元素</span>
Elements pngs = doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"img[src$=.png]"</span>);<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 扩展名为.png的图片</span>
Element icons = doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"span.icon"</span>).first();<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// class等于icon的span标签</span>
Elements resultLinks = doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"#header p"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// id为header元素之后的p元素</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li></ul>

从以上可以看出jsoup使用跟jQuery一模一样的选择器对元素进行检索,jsoup的选择器还支持表达式功能

下表是jsoup选择器的所有语法详细列表。

表1. 基本用法:

tagname 使用标签名来定位,例如 a
ns|tag 使用命名空间的标签定位,例如 fb:name 来查找 <fb:name> 元素
#id 使用元素 id 定位,例如 #logo
.class 使用元素的 class 属性定位,例如 .head
[attribute] 使用元素的属性进行定位,例如 [href] 表示检索具有 href 属性的所有元素
[^attr] 使用元素的属性名前缀进行定位,例如 [^data-] 用来查找 HTML5 的 dataset 属性
[attr=value] 使用属性值进行定位,例如 [width=500] 定位所有 width 属性值为 500 的元素
[attr^=value], [attr$=value], [attr*=value] 这三个语法分别代表,属性以 value 开头、结尾以及包含
[attr~=regex] 使用正则表达式进行属性值的过滤,例如 img[src~=(?i)\.(png|jpe?g)]
* 定位所有元素

以上是最基本的选择器语法,这些语法也可以组合起来使用,下面是 jsoup 支持的组合用法:

表2:组合用法:

  • 故事

    动物故事

    成语故事

    益智故事

    寓言故事

    童话故事

    民间故事

    历史故事

    四字成语故事

    中外民间故事

    世界民间故事

    安徒生童话故事

    格林童话故事

    365夜童话故事

    伊索寓言故事

    三国成语故事

    http://www.zaojuzi.com/zhfupo/15113.html

    http://www.zaojuzi.com/zhfupo/15112.html

    http://www.zaojuzi.com/zhfupo/15111.html

    http://www.zaojuzi.com/zhfupo/15110.html

    http://www.zaojuzi.com/zhfupo/15109.html

    http://www.zaojuzi.com/zhfupo/15108.html

    http://www.zaojuzi.com/zhfupo/15107.html

    http://www.zaojuzi.com/zhfupo/15106.html

    http://www.zaojuzi.com/zhfupo/15105.html

    http://www.zaojuzi.com/zhfupo/15104.html

    http://www.zaojuzi.com/zhfupo/15103.html

    http://www.zaojuzi.com/zhfupo/15102.html

    http://www.zaojuzi.com/zhfupo/15101.html

    http://www.zaojuzi.com/zhfupo/15100.html

    http://www.zaojuzi.com/zhfupo/15099.html

    http://www.zaojuzi.com/zhfupo/15098.html

    http://www.zaojuzi.com/zhfupo/15097.html

    http://www.zaojuzi.com/zhfupo/15096.html

    http://www.zaojuzi.com/zhfupo/15095.html

    http://www.zaojuzi.com/zhfupo/15094.html

    http://www.zaojuzi.com/zhfupo/15093.html

    http://www.zaojuzi.com/zhfupo/15092.html

    http://www.zaojuzi.com/zhfupo/15091.html

    http://www.zaojuzi.com/zhfupo/15090.html

    http://www.zaojuzi.com/zhfupo/15089.html

    http://www.zaojuzi.com/zhfupo/15088.html

    http://www.zaojuzi.com/zhfupo/15087.html

    http://www.zaojuzi.com/zhfupo/15086.html

    http://www.zaojuzi.com/zhfupo/15085.html

    http://www.zaojuzi.com/zhfupo/15084.html

    http://www.zaojuzi.com/zhfupo/15083.html

    http://www.zaojuzi.com/zhfupo/15082.html

    http://www.zaojuzi.com/zhfupo/15081.html

    http://www.zaojuzi.com/zhfupo/15080.html

    http://www.zaojuzi.com/zhfupo/15079.html

    http://www.zaojuzi.com/zhfupo/15078.html

    http://www.zaojuzi.com/zhfupo/15077.html

    http://www.zaojuzi.com/zhfupo/15076.html

    http://www.zaojuzi.com/zhfupo/15075.html

    http://www.zaojuzi.com/zhfupo/15074.html

    http://www.zaojuzi.com/zhfupo/13314.html

    http://www.zaojuzi.com/zhfupo/13313.html

    http://www.zaojuzi.com/zhfupo/13312.html

    http://www.zaojuzi.com/zhfupo/13310.html

    http://www.zaojuzi.com/zhfupo/13309.html

    http://www.zaojuzi.com/zhfupo/13308.html

    http://www.zaojuzi.com/zhfupo/13307.html

    http://www.zaojuzi.com/zhfupo/13306.html

    http://www.zaojuzi.com/zhfupo/13305.html

    http://www.zaojuzi.com/zhfupo/13303.html

    http://www.zaojuzi.com/zhfupo/13302.html

    http://www.zaojuzi.com/zhfupo/13301.html

    http://www.zaojuzi.com/zhfupo/13300.html

    http://www.zaojuzi.com/zhfupo/13299.html

    http://www.zaojuzi.com/zhfupo/13298.html

    http://www.zaojuzi.com/zhfupo/13297.html

    http://www.zaojuzi.com/zhfupo/13296.html

    http://www.zaojuzi.com/zhfupo/13295.html

    http://www.zaojuzi.com/zhfupo/13294.html

    http://www.zaojuzi.com/zhfupo/13293.html

    http://www.zaojuzi.com/zhfupo/13292.html

    http://www.zaojuzi.com/zhfupo/13291.html

    http://www.zaojuzi.com/zhfupo/13290.html

    http://www.zaojuzi.com/zhfupo/13289.html

    http://www.zaojuzi.com/zhfupo/13288.html

    http://www.zaojuzi.com/zhfupo/13287.html

    http://www.zaojuzi.com/zhfupo/13286.html

    http://www.zaojuzi.com/zhfupo/13279.html

    http://www.zaojuzi.com/zhfupo/12285.html

    http://www.zaojuzi.com/zhfupo/page_2.html

    http://www.zaojuzi.com/zhfupo/page_4.html

    http://www.zaojuzi.com/zhfupo/page_5.html

    el#id 定位 id 值某个元素,例如 a#logo -> <a id=logo href= … >
    el.class 定位 class 为指定值的元素,例如 div.head -> <div class=head>xxxx</div>
    el[attr] 定位所有定义了某属性的元素,例如 a[href]
    以上三个任意组合 例如 a[href]#logo 、a[name].outerlink
    ancestor child 这五种都是元素之间组合关系的选择器语法,其中包括父子关系、合并关系和层次关系。
    parent > child
    siblingA + siblingB
    siblingA ~ siblingX
    el, el, el

    除了一些基本的语法以及进行组合外,jsoup还支持使用表达式进行元素过滤选择。下面是jsoup支持的所有表达式一览表:

    表3:表达式:

    :lt(n) 例如 td:lt(3) 表示 小于三列
    :gt(n) div p:gt(2) 表示 div 中包含 2 个以上的 p
    :eq(n) form input:eq(1) 表示只包含一个 input 的表单
    :has(seletor) div:has(p) 表示包含了 p 元素的 div
    :not(selector) div:not(.logo) 表示不包含 class=logo 元素的所有 div 列表
    :contains(text) 包含某文本的元素,不区分大小写,例如 p:contains(oschina)
    :containsOwn(text) 文本信息完全等于指定条件的过滤
    :matches(regex) 使用正则表达式进行文本过滤:div:matches((?i)login)
    :matchesOwn(regex) 使用正则表达式找到自身的文本

    从元素抽取属性,文本和HTML

    • 要取得一个属性的值,可以使用Node.attr(String key) 方法

    • 对于一个元素中的文本,可以使用Element.text()方法

    • 对于要取得元素或属性中的HTML内容,可以使用Element.html(),或Node.outerHtml()方法

    示例:

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">String html = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<p>my <a href='http://itmyhome.com/'><b>blog</b></a> link.</p>"</span>;
    Document doc = Jsoup.parse(html);<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 解析HTML字符串返回一个Document实现</span>
    Element link = doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"a"</span>).first();<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 查找第一个a元素</span>
    
    String text = doc.body().text(); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// "my blog link" 取得字符串中的文本</span>
    String linkHref = link.attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"href"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// "http://itmyhome.com/" 取得链接地址</span>
    String linkText = link.text(); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// "blog" 取得链接地址中的文本</span>
    
    String linkOuterH = link.outerHtml();<span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// "<a href="http://itmyhome.com/"><b>blog</b></a>"</span>
    String linkInnerH = link.html(); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// "<b>blog</b>" 取得链接内的html内容</span>
    
    System.out.println(text);System.out.println(linkHref);
    System.out.println(linkText);System.out.println(linkOuterH);
    System.out.println(linkInnerH);</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li></ul>

    打印:

    <code class="language-bash hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">my blog link.
    http://itmyhome.com/
    blog
    <a href=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"http://itmyhome.com/"</span>><b>blog</b></a>
    <b>blog</b></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li></ul>

    说明

    上述方法是元素数据访问的核心办法。此外还其它一些方法可以使用:

    • Element.id()

    • Element.tagName()

    • Element.className() and Element.hasClass(String className)

    修改数据

    在解析文档的同时,我们可能会需要对文档中的某些元素进行修改,例如我们可以为文档中的所有图片增加可点击链接、修改链接地址或者是修改文本等。

    下面是一些简单的例子:

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"div.comments a"</span>).attr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"rel"</span>, <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"nofollow"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 为所有链接增加 rel=nofollow 属性</span>
    doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"div.comments a"</span>).addClass(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"mylinkclass"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 为所有链接增加 class=mylinkclass 属性</span>
    doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"img"</span>).removeAttr(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"onclick"</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 删除所有图片的 onclick 属性</span>
    doc.select(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"input[type=text]"</span>).val(<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">""</span>); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 清空所有文本输入框中的文本</span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li></ul>

    道理很简单,你只需要利用jsoup的选择器找出元素,然后就可以通过以上的方法来进行修改,

    修改完直接调用 Element(s)的 html()方法就可以获取修改完的HTML文档。

    HTML文档清理

    在做网站的时候,经常会提供用户评论的功能。有些不坏好意的用户,会搞一些脚本到评论内容中,

    而这些脚本可能会破坏整个页面的行为,更严重的是获取一些机要信息,例如XSS跨站点攻击之类的。

    使用jsoup HTML Cleaner 方法进行清除,看看下面这段代码:

    <code class="language-java hljs  has-numbering" style="display: block; padding: 0px; background-color: transparent; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; word-wrap: normal; background-position: initial initial; background-repeat: initial initial;">String unsafe = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"<p><a href='http://itmyhome.com/' onclick='stealCookies()'>itmyhome</a></p>"</span>;
    String safe = Jsoup.clean(unsafe, Whitelist.basic());
    System.out.println(safe); <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//输出 : <p><a href="http://itmyhome.com/" rel="nofollow">itmyhome</a></p></span></code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; background-color: rgb(238, 238, 238); top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right;"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li></ul>

    jsoup使用一个Whitelist类用来对HTML文档进行过滤,该类提供几个常用方法:

    none() 只允许包含文本信息
    basic() 允许的标签包括:a, b, blockquote, br, cite, code, dd, dl, dt, em, i, li, ol, p, pre, q, small, strike, strong, sub, sup, u, ul, 以及合适的属性
    simpleText() 只允许 b, em, i, strong, u 这些标签
    basicWithImages() 在 basic() 的基础上增加了图片
    relaxed() 这个过滤器允许的标签最多,包括:a, b, blockquote, br, caption, cite, code, col, colgroup, dd, dl, dt, em, h1, h2, h3, h4, h5, h6, i, img, li, ol, p, pre, q, small, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, u, ul


  • 你可能感兴趣的:(jsoup 解析HTML信息)