首页 前端知识 去空行小工具Html Javascript

去空行小工具Html Javascript

2024-06-18 00:06:21 前端知识 前端哥 176 926 我要收藏

这是一个平常用到的小工具,为了节省屏幕空间把空行去掉,怕要用的时候找不到故记录在此。

效果图
请添加图片描述

网页版,放在浏览器里就可以用

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>去回车去空行</title>
</head>
<body>
<script type="text/javascript">
function format(){
var content = document.getElementById('input').value;
var result = "";
var skip = false;
document.getElementById('input').value = content;
var lines = content.split("\n");
lines.forEach(function(element){
if (element.trim().length > 0){
if (element.match(/^.*([0-1]?[0-9]|2[0-3]):[0-5][0-9]$/)){
result = result + element + ' ';
}else{
result = result + element + '\n';
}
}
});
document.getElementById('output').value = result;
return false;
}
</script>
<br>
<form onsubmit="return format();" class="my-form">
<textarea id="input" name="input" rows="30" cols="60">input text here</textarea>
<textarea id="output" name="output" rows="30" cols="60"></textarea><br>
<input type="submit" value="Submit转换">
</form>
</body>
</html>
复制
转载请注明出处或者链接地址:https://www.qianduange.cn//article/12584.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!