使用js把txt的url列表转换成html列表

适用于类似这样的数据文件

javascript 复制代码
const dataPath = "data/2000多个J2me游戏下载可以解包素材二次开发.txt"
const ol = document.getElementById("j2me_list_2000")
var request = new XMLHttpRequest()
request.open("GET", dataPath)
request.onload = function () {
    var data = request.responseText
    //console.log(data)
    var lines = data.split("\n")
    for (var i = 0; i < lines.length; i++) {
        var line = lines[i]
        if (line.trim() !== "") { // 只处理非空行
            var a = document.createElement("a")
            a.href = line
            a.text = line
            var li = document.createElement("li")
            li.appendChild(a)
            ol.appendChild(li)
        }
    }
}
request.send()

这里改一下dataPath参数,和第二行的ol的id参数就可以复用了,效果

相关推荐
雪忆·HL3 分钟前
CSS3知道这些就足够了
前端·css·css3
心机boy2293 分钟前
CSS3网格布局、过渡及2D效果
前端·javascript·css3
空白3 分钟前
自学HTML5+CSS3丨第三天丨详解SEO
前端·css3·html5
oak隔壁找我4 分钟前
使用 json-server 快速创建一个完整的 REST API
前端·javascript
2401_836413144 分钟前
CSS2与CSS3布局方式比较
前端·css·css3
canjun_wen5 分钟前
CSS3 Flex 布局完全指南:从入门到精通,搞定现代网页布局
前端·css·css3
xun_li_6 分钟前
2024---2025年前端开发的就业现状及前景
css·html·css3·html5
IT、木易7 分钟前
css3 @media (prefers-holographic)查询的折叠屏自适应布局算法
前端·css·css3
用户4445543654267 分钟前
Kotlin extensions是什么?
前端
Sui_Network7 分钟前
Walrus 2025 年度回顾
大数据·前端·人工智能·深度学习·区块链