批量数据替换并分段展示工具
<!DOCTYPE html>
<html>
<head>
<title>批量数据替换并分段展示工具</title>
</head>
<body>
<h3>请输入数据并以逗号分隔，并指定替换规则</h3>
<textarea id="data" rows="10" cols="50"></textarea>
<br>
<label for="replaceFrom">替换前:</label>
<input type="text" id="replaceFrom" value="原始数据">
<br>
<label for="replaceTo">替换后:</label>
<input type="text" id="replaceTo" value="替换后的数据">
<br>
<button onclick="splitData()">提交</button>
<div id="output"></div>
<script>
function splitData() {
var data = document.getElementById("data").value;
var replaceFrom = document.getElementById("replaceFrom").value;
var replaceTo = document.getElementById("replaceTo").value;
data = data.replace(new RegExp(replaceFrom, 'g'), replaceTo);
var dataArray = data.split(',');
var output = document.getElementById("output");
var boxCount = Math.ceil(dataArray.length / 100);
var index = 0;
for (var i = 0; i < boxCount; i++) {
var box = document.createElement('textarea');
box.rows = '10';
box.cols = '50';
var boxData = '';
for (var j = 0; j < 100; j++) {
if (index >= dataArray.length) {
break;
}
boxData += dataArray[index] + ',';
index++;
}
boxData = boxData.slice(0, -1);
box.value = boxData;
output.appendChild(box);
}
}
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/nhF4 著作权归作者所有。请勿转载和采集!