当前位置： 首页 > news >正文

用html+javascript打造公文一键排版系统12：删除附件说明中“附件：”里的空格

news 2026/4/14 10:15:00

如果我们在输入附件说明时在“附件：”之间加入空格，那么排版时就要删除这些空格。

因为string对象replace()支持正则表达式，于是考虑用replace()来完成。

写了一段只有一个多余空格的代码来测试：

<!DOCTYPE HTML>
<HTML>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Author" content="PurpleEndurer"><title>公文一键排版系统</title>
</head>
<body>
<script>
var s = ["附 件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知","附件:河池市××关于××的通知","附件：河池市××关于××的通知。"];for (var i=0; i < s.length; i++)  
{document.write(s[i].replace(/附\s件：/,'附件：')+"<br>");  }
</script>
</body>
</html>

运行结果如下：

附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件:河池市××关于××的通知
附件：河池市××关于××的通知。

增加了包括多个多余空格的测试样本，同时修改正则表达式，分别用三种方法来检测：

<!DOCTYPE HTML>
<HTML>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="Author" content="PurpleEndurer"><title>公文一键排版系统</title>
</head>
<body>
<script>
var s = ["附 件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知","附   件 　：　河池市×   ×关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知",         "附件:河池市××关于××的通知","附件：河池市××关于××的通知。"];document.write("<br>方法1.----------<br>");  for (var i=0; i < s.length; i++)  
{//document.write(s[i].replace(/附\s件：/,'附件：')+"<br>"); document.write(s[i].replace(/附\s*件\s*(：|:)\s*/g,'附件：'),"<br>");  
}document.write("<br>方法2.----------<br>");  for (var i=0; i < s.length; i++)  
{document.write(s[i].replace(/\s/g,''),"<br>");
}document.write("<br>方法3.----------<br>");  for (var i=0; i < s.length; i++)  
{document.write((s[i].substring(0,s[i].indexOf('：')+1)).replace(/\s/g,''),s[i].substring(s[i].indexOf('：')+1),"<br>");
}</script>
</body>
</html>

运行结果如下：


方法1.----------
附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件：河池市× ×关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件：河池市××关于××的通知
附件：河池市××关于××的通知。

方法2.----------
附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件:河池市××关于××的通知
附件：河池市××关于××的通知。

方法3.----------
附件：河池市××关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件：　河池市× ×关于××××××××××××××××××××××××××××××××××××××××××××××××××的通知
附件:河池市××关于××的通知
附件：河池市××关于××的通知。

方法1正是我们想要的效果。

方法2把附件说明中的所有空格都删除了，扩大了删除范围，不好。

方法3没有删除接着冒号后面的空格。

附：

replace()的语法为：

string.replace(searchvalue,newvalue)

可以使用正则表达式来强化replace()的功能。

JavaScript默认的replace方法，只执行单次匹配。

要实现全局替换：可以加g标识（ global） 执行反复检索。

要实现忽略大小写匹配：加i标识（ ignore） 执行忽略大小写检索。

还有m标识，表示多行检索。

相关文章：

用html+javascript打造公文一键排版系统12：删除附件说明中“附件：”里的空格

如果我们在输入附件说明时在“附件&#xff1a;”之间加入空格&#xff0c;那么排版时就要删除这些空格。 因为string对象replace()支持正则表达式&#xff0c;于是考虑用replace()来完成。 写了一段只有一个多余空格的代码来测试&#xff1a; <!DOCTYPE HTML> <HT…...

编程日记 2023/8/4 12:47:22

容器技术：Docker搭建（通俗易懂）

目录 Docker搭建环境准备Docker安装1、查看服务器是否安装Docker2、卸载Docker3、安装Dokcer依赖环境4、配置Docker国内阿里云镜像5、安装Docker6、查看Docker信息7、配置阿里云镜像加速8、镜像安装10、运行实例11、查看实例状态12、测试 Docker命令集合 Docker搭建 环境准备 …...

编程日记 2023/8/4 12:46:20

Day 16 C++ 友元（friend）

目录 什么是友元&#xff08;friend&#xff09; 友元的三种实现 全局函数做友元 类做友元 成员函数做友元 什么是友元&#xff08;friend&#xff09; 友元是一种访问控制的机制&#xff0c;它允许一个类或函数访问另一个类的私有成员。通过友元关系&#xff0c;可以在需要…...

编程日记 2023/8/4 12:45:19

步进电机1

引脚说明&#xff1a; VCC&#xff1a;电源输入口 DC:9-42VDC&#xff1a;电源的取值范围 AB组&#xff1a;用于连接电机的四条线 STEP&PUL&#xff1a;脉冲信号接口&#xff0c;用于控制速度。无细分的情况下一个脉冲步进电机走一步。 DIR&#xff1a;方向信号接口&#x…...

编程日记 2023/8/4 12:44:18

PHP-简单项目引起的大麻烦--【白嫖项目】

强撸项目系列总目录在000集 PHP要怎么学–【思维导图知识范围】 文章目录 本系列校训本项目使用技术 首页小插曲小插曲完了么&#xff1f;必要的项目知识PHPThinkPHPThinkPHP的MVCThinkTemplateThinkPHP 6和ThinkPHP 5 phpStudy 设置导数据库展示页面数据库表结构项目目录如图…...

编程日记 2023/8/4 12:43:15

Excel如何把两列互换

第一步&#xff1a;选择一列 打开excel&#xff0c;选中一列后将鼠标放在列后&#xff0c;让箭头变成十字方向。 第二步&#xff1a;选择Shift键 按住键盘上的Shift键&#xff0c;将列往后移动变成图示样。 第三步&#xff1a;选择互换 完成上述操作后&#xff0c;松开鼠标两…...

编程日记 2023/8/4 12:42:14

Java基础面试题2

Java基础面试题 一、IO和多线程专题 1.介绍下进程和线程的关系 进程&#xff1a;一个独立的正在执行的程序 线程&#xff1a;一个进程的最基本的执行单位&#xff0c;执行路径 多进程&#xff1a;在操作系统中&#xff0c;同时运行多个程序 多进程的好处&#xff1a;可以充…...

编程日记 2023/8/4 12:41:13

Typescript 第八章 异步编程，并行和并发（JavaScript事件循环，异步流，多线程类型安全）

Typescript第八章 异步编程&#xff0c;并发和并行 异步API&#xff0c;比如说回调&#xff0c;promise和流。 JavaScript引擎在一个线路中多路复用任务&#xff0c;而其他任务则处于空闲状态。这种事件循环是JavaScript引擎的标准线程模型。 多路复用是指在一个线程中同时处…...

编程日记 2023/8/4 12:40:12

c++ 打印当前时间（精确到毫秒）

打印时间精确到毫秒好实现&#xff0c;但是那种对用户可读性不好&#xff0c;更适合开头记一次结尾记一次&#xff0c;打印中间减出来的程序运行时间。 但是因为一些情况&#xff0c;我开多线程开的不方便打印结束时间&#xff0c;同事跟我说那你把开始时间打印一下&#xff0…...

编程日记 2023/8/4 12:39:11

mapstruct 错误 java.lang.NoSuchMethodError: Ljava/lang/Double 错误

问题描述 在使用 mapstruct 的过程中遇到错误 java.lang.NoSuchMethodError: Ljava/lang/Double 错误 问题解决 maven clean, 然后 maven install Build -> Rebuild Project 执行 maven install 时, 如果报错 找不到 xxx 类, 但 ctrl鼠标左键 发现可以点进去这个类, 那…...

编程日记 2023/8/4 12:38:10

SpringBoot+AOP+Redission实战分布式锁

文章目录 前言一、Redission是什么&#xff1f;二、使用场景三、代码实战1.项目结构2.类图3.maven依赖4.yml5.config6.annotation7.aop8.model9.service 四、单元测试总结 前言 在集群环境下非单体应用存在的问题&#xff1a;JVM锁只能控制本地资源的访问&#xff0c;无法控制…...

编程日记 2023/8/4 12:37:09

Linux系统---进程概念

文章目录 冯诺依曼体系结构操作系统(OS)进程的理解 进程状态 进程优先级 环境变量 进程地址空间 Linux2.6内核进程调度队列 一、冯诺依曼体系结构 我们常见的计算机&#xff0c;如笔记本。我们不常见的计算机&#xff0c;如服务器&#xff0c;大部分都遵守冯诺依曼体系。 如图…...

编程日记 2023/8/4 12:36:08

ELK常用语法和线上问题排查

ELK常用语法及线上问题排查 速查问题 1.全文搜索 在搜索栏输入目标值&#xff0c;查询所有字段中包含该值的文档 案例&#xff1a;用户反馈了一串id或者其他同事给了一个jobid&#xff0c;还没有头绪怎么查的时候&#xff0c;直接全局搜索 jobid 2.字段 限定字段全文搜索…...

编程日记 2023/8/4 12:35:07

session-cookies 三个缓存 localStorage、sessionStorage、Cookies。

session-cookies session-cookies This plugin is used to summarize the browser’s three caches localStorage, sessionStorage, Cookies.The plugin is designed to be quick and easy to use. Below is a summary of some apis. session-cookies 这个插件是用来汇总浏览…...

编程日记 2023/8/4 12:34:06

LA@行列式性质

文章目录 行列式性质&#x1f388;转置不变性质交换性质多重交换移动(抽出插入)&#x1f47a; 因子提取性质拆和性质倍加性质 手算行列式的主要方法原理:任何行列式都可以化为三角行列式 行列式性质&#x1f388; 设行列式 ∣ A ∣ d e t ( a i j ) |A|\mathrm{det}(a_{ij}) …...

编程日记 2023/8/4 12:33:03

【java安全】原生反序列化利用链JDK7u21

文章目录 【java安全】原生反序列化利用链JDK7u21前言原理equalsImpl()如何调用equalsImpl()&#xff1f;HashSet通过反序列化间接执行equals()方法如何使hash相等&#xff1f; 思路整理POCGadget为什么在HashSet#add()前要将HashMap的value设为其他值&#xff1f; 【java安全】…...

编程日记 2023/8/4 12:32:01

[SQL智慧航行者] - SQL刷题规划

前言: 不知不觉, 慢慢的把一些基础知识整理到了现在. SQL挖掘机系列可能就要到此结束了. 目前是规划把这部分SQL练习部分放到SQL刷题的专栏, 就不放到SQL专栏了. 因为后续如果接触更多的知识点和题目也好分类. 请大家如果关注的话, 想看SQL知识点 --> SQL专栏; 想看SQL刷…...

编程日记 2023/8/4 12:31:00

概率论与数理统计：第一章:随机事件及其概率

文章目录 概率论Ch1. 随机事件及其概率1.基本概念(1)随机试验、随机事件、样本空间(2)事件的关系和运算①定义&#xff1a;互斥(互不相容)、对立②运算法则&#xff1a;德摩根率 (3)概率的定义(4)概率的性质(5)概率计算排列组合 2.等可能概型1.古典概型 (离散)2.几何概型 (连续…...

编程日记 2023/8/4 12:29:58

elementUi重置Select选择器样式、option、deep、vue3、plus

文章目录 前言select选框样式(element-plus)option选项面板样式(element-plus) 前言 样式标签属性为<style scoped lang"scss"></style> select选框样式(element-plus) // 设置选择框的背景样式 ::v-deep .el-input__wrapper {background: transparent;b…...

编程日记 2023/8/4 12:28:57

jar命令的安装与使用

场景&#xff1a; 项目中经常遇到使用WinR软件替换jar包中的文件&#xff0c;有时候存在WinRAR解压替换时提示没有权限&#xff0c;此时winRAR不能用还有有什么方法替换jar包中的文件。 方法&#xff1a; 使用jar命令进行修改替换 问题&#xff1a; 执行jar命令报错jar 不…...

编程日记 2023/8/4 12:27:55

VMware虚拟机部署万物识别镜像指南

VMware虚拟机部署万物识别镜像指南 1. 引言 想在本地环境体验强大的AI视觉识别能力&#xff0c;但又不想折腾复杂的驱动和环境配置&#xff1f;通过VMware虚拟机部署万物识别镜像&#xff0c;可能是最简单快捷的方式。这个方案特别适合想要快速上手AI视觉识别、进行原型验证或…...

编程新知 2026/4/14 9:44:13

大模型---模型的后训练

目录 1.继续训练 2.SFT 3.对齐训练 这篇文章会讲三种不同的后训练方式：继续训练，SFT，对齐训练，这里先总体说一下。Dont Stop Pretraining把继续训练定义为多阶段自适应预训练，并证明在目标领域语料和任务相关无标注语料上继续预训练，通常能提升下游表现；SFT在对齐训练…...

编程新知 2026/4/14 7:39:23

Pi0效果展示：看视觉-语言-动作流模型如何精准控制机器人

Pi0效果展示&#xff1a;看视觉-语言-动作流模型如何精准控制机器人 1. 项目概述 Pi0是一个创新的视觉-语言-动作流模型&#xff0c;专为通用机器人控制而设计。这个项目提供了一个直观的Web演示界面&#xff0c;让用户能够体验最先进的机器人控制技术。 2. 核心能力展示 2…...

编程新知 2026/4/14 7:33:21

别再让上电火花吓到你！手把手教你用分立器件搞定12V电源缓启动（附完整BOM清单）

12V电源缓启动电路实战指南&#xff1a;从原理到BOM的完整解决方案 每次插拔12V电源时那刺眼的火花和随之而来的系统复位&#xff0c;是否让你感到头疼&#xff1f;这背后隐藏的浪涌电流问题&#xff0c;不仅可能损坏精密元器件&#xff0c;还会缩短连接器寿命。本文将带你深入…...

编程新知 2026/4/14 7:33:21

AcousticSense AI部署指南：基于Gradio的音频流派分析工作站搭建

AcousticSense AI部署指南&#xff1a;基于Gradio的音频流派分析工作站搭建 1. 引言&#xff1a;让AI“看见”音乐&#xff0c;从频谱中解读流派密码 你有没有想过&#xff0c;AI不仅能“听”音乐&#xff0c;还能“看”音乐&#xff1f;AcousticSense AI就是这样一个神奇的工…...

编程新知 2026/4/14 5:58:42

FLUX.2-Klein-9B-NVFP4快速上手：3步完成人像换装，效果惊艳

FLUX.2-Klein-9B-NVFP4快速上手&#xff1a;3步完成人像换装&#xff0c;效果惊艳 1. 为什么选择FLUX.2-Klein-9B-NVFP4&#xff1f; 你是否遇到过这样的困扰&#xff1a;想给照片中的人物换件衣服&#xff0c;要么需要复杂的PS技巧&#xff0c;要么使用AI工具效果不自然&…...

编程新知 2026/4/14 5:58:42

MoveIt实战：从零构建ikfast逆运动学插件的完整指南与避坑手册

1. 为什么你需要ikfast逆运动学插件 在机械臂控制领域&#xff0c;逆运动学&#xff08;Inverse Kinematics&#xff09;计算就像是在解一道复杂的数学题——给定末端执行器的目标位置和姿态&#xff0c;求出各个关节应该转动的角度。传统的KDL&#xff08;Kinematica and Dyna…...

编程新知 2026/4/14 5:14:32

Phi-4-mini-reasoning企业实操：金融风控规则推理引擎构建案例

Phi-4-mini-reasoning企业实操&#xff1a;金融风控规则推理引擎构建案例 1. 项目背景与模型介绍 Phi-4-mini-reasoning是微软推出的3.8B参数轻量级开源模型&#xff0c;专为数学推理、逻辑推导和多步解题等强逻辑任务设计。该模型主打"小参数、强推理、长上下文、低延迟…...

编程新知 2026/4/14 5:10:31

创建 Django 应用指南

安装 Django确保 Python 已安装在系统中&#xff0c;推荐使用 Python 3.8 或更高版本。 通过 pip 安装 Django&#xff1a;pip install django验证安装是否成功&#xff1a;django-admin --version创建项目使用以下命令创建一个新的 Django 项目&#xff1a;django-admin start…...

编程新知 2026/4/14 5:08:31

C++代码静态检查脚本工具（指针判空越界访问除0风险）

做了个小项目需要进行代码规范检查&#xff0c;但试了两个CPP静态检查工具&#xff0c;效果都不太好。为了快速迭代维护&#xff0c;直接用pyAI写了个常规代码规范校验脚本工具。目前实现三个功能并封了界面&#xff1a;空指针访问、数组越界访问、除0风险排查。用sample文件夹…...

编程新知 2026/4/14 4:54:21