代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="file" onchange="jsRF(this.files)">
<table id="show">
<caption>豆瓣电影排行榜TOP250</caption>
<tr>
<th>排名</th>
<th>电影名称</th>
</tr>
</table>
</body>
<script src="./demo.js"></script>
</html>
//js 读取文件
function jsRF(files) {
if (files.length) {
var file = files[0];
//new 文件对象实例
var reader = new FileReader();
//
reader.readAsText(file);
reader.onload = print;
}
}
//定义一个HTML 输出 函数
function print() {
var tb = document.getElementById('show');
var data = this.result.split('\n');
console.log(data);
data.forEach(e => {
var tr = document.createElement('tr');
if (e) {
var dd = e.split(',');
console.log(dd);
dd.forEach(e => {
var td = document.createElement('td');
td.innerText = e;
tr.appendChild(td);
})
}
td.appendChild(tr);
})
}
td.appendChild(tr);
data.forEach(e => {
var tr = document.createElement('tr');
if (e) {
var dd = e.split(',');console.log(dd); dd.forEach(e => { var td = document.createElement('td'); td.innerText = e; tr.appendChild(td); }) } td.appendChild(tr);
})