极客观点
项目管理
HarmonyOS
制作一个简易解析器，使用正则表达式。在textarea中导入的数据没有替换字符成功
只希望导入的数据能替换字符；
matchArry[0]报错
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<textarea id="show" spellcheck="true"># 猪</textarea>
<input type="file" id="file1">
<input type="button" id="btn" onclick="rec()" value="转换">
<script>
var filein = document.getElementById('file1'),
showbox = document.getElementById('show');
filein.addEventListener('change', function () {
var file = filein.files[0];
var reader = new FileReader();
reader.onload = function (e) {
var data = e.target.result;
showbox.innerHTML = data;
};
reader.readAsText(file, 'utf-8');
});
function rec() {
var textarea = document.getElementById('show');
textarea.innerHTML = main(textarea.value); //检验可以写入字符串
}
function main(evt) {
var char = evt.split("\n");
var matchArry;
var html = '';
var len = char.length;
for (var i = 0; i < len; i++) {
matchArry = char[i].match(/^#\s/); //切割成[""]
if (matchArry[0]) {
switch (matchArry[0]) { //导入了空的字符串和不匹配字符串则会报错
case '# ':
html += '<h1>' + add(char[i].substring(2)) + '</h1>';
break;
default:
break;
}
} else {
html += '<p>' + add(char[i]) + '</p>';
}
}
return html;
}
function add(str) {
str = str.replace(/\s/g, ' ');
return str;
}
</script>
</body>
</html>
html5