44 lines
2.1 KiB
JavaScript
44 lines
2.1 KiB
JavaScript
//定义一个函数来获取rss文件
|
||
function getRSS(url) {
|
||
//使用fetch API来调用url
|
||
fetch(url)
|
||
.then(response => response.text()) //将响应解析为文本
|
||
.then(str => new window.DOMParser().parseFromString(str, "text/xml")) //将文本解析为XML对象
|
||
.then(data => {
|
||
//从XML对象中获取channel元素
|
||
const channel = data.querySelector("channel");
|
||
//从channel元素中获取所有item元素
|
||
const items = channel.querySelectorAll("item");
|
||
//遍历每个item元素
|
||
items.forEach(item => {
|
||
//从item元素中获取title和link元素的文本内容
|
||
const title = item.querySelector("title").textContent;
|
||
const link = item.querySelector("link").textContent;
|
||
const datetime = item.querySelector("pubDate").textContent;
|
||
//在控制台打印标题和链接
|
||
console.log(title, link);
|
||
//在news.html页面上的ul元素中添加内容
|
||
document.querySelector("ul").innerHTML += `
|
||
<a href="${link}" target="_blank">
|
||
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
|
||
<div class="mdui-list-item-title">${title}</div>
|
||
<div class="mdui-list-item-text mdui-list-item-one-line">
|
||
<span>${datetime}</span>
|
||
</div>
|
||
</a>
|
||
</li>
|
||
`;
|
||
//若是没有更多的item元素，则在页面添加没有内容”
|
||
if (items.length === 0) {
|
||
document.querySelector("ul").innerHTML += `
|
||
<li class="mdui-list-item mdui-ripple mdui-shadow-12 wow animate__animated animate__fadeInRight" style="backdrop-filter: blur(8px);overflow-x:hidden">
|
||
<div class="mdui-list-item-title">没有内容</div>
|
||
</li>
|
||
`;
|
||
}
|
||
});
|
||
});
|
||
}
|
||
|
||
//调用函数，传入rss文件的url（这里是一个示例）
|
||
getRSS("http://www.mikumo.top/?feed=rss2"); |