jsoup是一款Java的HTML解析器,可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API,
可通过DOM,CSS以及类似于jQuery的操作方法来取出和操作数据。
1、从一个URL,文件或字符串中解析HTML
2、使用DOM或CSS选择器来查找、取出数据
3、可操作HTML元素、属性、文本
jsoup的主要类层次结构如图所示:
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。
<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) | 使用正则表达式找到自身的文本 |
要取得一个属性的值,可以使用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文档。
在做网站的时候,经常会提供用户评论的功能。有些不坏好意的用户,会搞一些脚本到评论内容中,
而这些脚本可能会破坏整个页面的行为,更严重的是获取一些机要信息,例如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 |