使用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 分钟前
[Vue2]项目中 vue-draggable-resizable 列宽拖动问题修复(首次拖动列宽突然变得很小)
前端·javascript·vue.js·前端框架·ecmascript
带带弟弟学爬虫__12 分钟前
ks安卓—did注册
前端·javascript·vue.js·python·网络爬虫
sztian6814 分钟前
JavaScript-----本地存储、数组中map方法、数组中join方法
开发语言·javascript·ecmascript
维维酱17 分钟前
使用 TRAE SOLO: 搭建前端项目脚手架
前端
南山安30 分钟前
JS 进阶:手写 instanceof 与JS继承全面讲解
javascript·面试·编程语言
恋猫de小郭30 分钟前
Android Studio Otter 2 Feature 发布,最值得更新的 Android Studio
android·前端·flutter
小旭@1 小时前
vue3官方文档巩固
前端·javascript·vue.js
努力往上爬de蜗牛1 小时前
electron 打包
前端·javascript·electron
美自坚韧1 小时前
qiankun微前端
前端·vue.js
高桥留1 小时前
可编辑的span
前端·javascript·css