使用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参数就可以复用了,效果

相关推荐
吃饺子不吃馅1 天前
了解微前端:为何 Web Component 是绕不开的关键技术?
前端·javascript·架构
恋猫de小郭1 天前
第一台 Andriod XR 设备发布,Jetpack Compose XR 有什么不同?对原生开发有何影响?
android·前端·flutter
muyouking111 天前
Tailwind CSS 小白快速入门速查手册
前端·css·css3
社恐的下水道蟑螂1 天前
用 n8n 打造 AI 科技新闻速览工作流:自动化获取、总结,每天高效充电
前端
陈随易1 天前
PaddleOCR-VL可太强了,图片识别转文字的巅峰之作
前端·后端·程序员
盗德1 天前
紧急项目下,前端是“先乱炖”还是“慢火煲汤”?我选第三条路
前端·程序员
zmirror1 天前
Monorepo单仓多包&独立部署
前端
Linsk1 天前
为什么BigInt无法通过Babel降级?
前端·typescript·前端工程化
colorFocus1 天前
都25年了,快用?.替代&&,??替代||
javascript
Asort1 天前
JavaScript设计模式(十八)——备忘录模式:状态保存与恢复的艺术
前端·javascript·设计模式