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

相关推荐
把csdn当日记本的菜鸡1 分钟前
js查缺补漏
开发语言·javascript·ecmascript
BBB努力学习程序设计16 分钟前
了解响应式Web设计:viewport网页可视区域
前端·html
zhangyao94033018 分钟前
uni-app scroll-view特定情况下运用
前端·javascript·uni-app
码农张19 分钟前
从原理到实践,吃透 Lit 响应式系统的核心逻辑
前端
jump68019 分钟前
object和map 和 WeakMap 的区别
前端
打小就很皮...25 分钟前
基于 Dify 实现 AI 流式对话:组件设计思路(React)
前端·react.js·dify·流式对话
这个昵称也不能用吗?33 分钟前
【安卓 - 小组件 - app进程与桌面进程】
前端
kuilaurence37 分钟前
CSS `border-image` 给文字加可拉伸边框
前端·css
一 乐40 分钟前
校园墙|校园社区|基于Java+vue的校园墙小程序系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·小程序
一只小阿乐1 小时前
前端react 开发 图书列表分页
前端·react.js·react·ant-