用html+javascript打造公文一键排版系统12：删除附件说明中“附件：”里的空格
如果我们在输入附件说明时在“附件：”之间加入空格，那么排版时就要删除这些空格。
因为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：删除附件说明中“附件：”里的空格
如果我们在输入附件说明时在“附件：”之间加入空格，那么排版时就要删除这些空格。 因为string对象replace()支持正则表达式，于是考虑用replace()来完成。 写了一段只有一个多余空格的代码来测试： <!DOCTYPE HTML> <HT…...
容器技术：Docker搭建（通俗易懂）
目录 Docker搭建环境准备Docker安装1、查看服务器是否安装Docker2、卸载Docker3、安装Dokcer依赖环境4、配置Docker国内阿里云镜像5、安装Docker6、查看Docker信息7、配置阿里云镜像加速8、镜像安装10、运行实例11、查看实例状态12、测试 Docker命令集合 Docker搭建 环境准备 …...
Day 16 C++ 友元（friend）
目录 什么是友元（friend） 友元的三种实现 全局函数做友元 类做友元 成员函数做友元 什么是友元（friend） 友元是一种访问控制的机制，它允许一个类或函数访问另一个类的私有成员。通过友元关系，可以在需要…...
步进电机1
引脚说明： VCC：电源输入口 DC:9-42VDC：电源的取值范围 AB组：用于连接电机的四条线 STEP&PUL：脉冲信号接口，用于控制速度。无细分的情况下一个脉冲步进电机走一步。 DIR：方向信号接口&#x…...
PHP-简单项目引起的大麻烦--【白嫖项目】
强撸项目系列总目录在000集 PHP要怎么学–【思维导图知识范围】 文章目录 本系列校训本项目使用技术 首页小插曲小插曲完了么？必要的项目知识PHPThinkPHPThinkPHP的MVCThinkTemplateThinkPHP 6和ThinkPHP 5 phpStudy 设置导数据库展示页面数据库表结构项目目录如图…...
Excel如何把两列互换
第一步：选择一列 打开excel，选中一列后将鼠标放在列后，让箭头变成十字方向。 第二步：选择Shift键 按住键盘上的Shift键，将列往后移动变成图示样。 第三步：选择互换 完成上述操作后，松开鼠标两…...
Java基础面试题2
Java基础面试题 一、IO和多线程专题 1.介绍下进程和线程的关系 进程：一个独立的正在执行的程序 线程：一个进程的最基本的执行单位，执行路径 多进程：在操作系统中，同时运行多个程序 多进程的好处：可以充…...
Typescript 第八章 异步编程，并行和并发（JavaScript事件循环，异步流，多线程类型安全）
Typescript第八章 异步编程，并发和并行 异步API，比如说回调，promise和流。 JavaScript引擎在一个线路中多路复用任务，而其他任务则处于空闲状态。这种事件循环是JavaScript引擎的标准线程模型。 多路复用是指在一个线程中同时处…...
c++ 打印当前时间（精确到毫秒）
打印时间精确到毫秒好实现，但是那种对用户可读性不好，更适合开头记一次结尾记一次，打印中间减出来的程序运行时间。 但是因为一些情况，我开多线程开的不方便打印结束时间，同事跟我说那你把开始时间打印一下࿰…...
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鼠标左键 发现可以点进去这个类, 那…...
SpringBoot+AOP+Redission实战分布式锁
文章目录 前言一、Redission是什么？二、使用场景三、代码实战1.项目结构2.类图3.maven依赖4.yml5.config6.annotation7.aop8.model9.service 四、单元测试总结 前言 在集群环境下非单体应用存在的问题：JVM锁只能控制本地资源的访问，无法控制…...
Linux系统---进程概念
文章目录 冯诺依曼体系结构操作系统(OS)进程的理解 进程状态 进程优先级 环境变量 进程地址空间 Linux2.6内核进程调度队列 一、冯诺依曼体系结构 我们常见的计算机，如笔记本。我们不常见的计算机，如服务器，大部分都遵守冯诺依曼体系。 如图…...
ELK常用语法和线上问题排查
ELK常用语法及线上问题排查 速查问题 1.全文搜索 在搜索栏输入目标值，查询所有字段中包含该值的文档 案例：用户反馈了一串id或者其他同事给了一个jobid，还没有头绪怎么查的时候，直接全局搜索 jobid 2.字段 限定字段全文搜索…...
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 这个插件是用来汇总浏览…...
LA@行列式性质
文章目录 行列式性质🎈转置不变性质交换性质多重交换移动(抽出插入)👺 因子提取性质拆和性质倍加性质 手算行列式的主要方法原理:任何行列式都可以化为三角行列式 行列式性质🎈 设行列式 ∣ A ∣ d e t ( a i j ) |A|\mathrm{det}(a_{ij}) …...
【java安全】原生反序列化利用链JDK7u21
文章目录 【java安全】原生反序列化利用链JDK7u21前言原理equalsImpl()如何调用equalsImpl()？HashSet通过反序列化间接执行equals()方法如何使hash相等？ 思路整理POCGadget为什么在HashSet#add()前要将HashMap的value设为其他值？ 【java安全】…...
[SQL智慧航行者] - SQL刷题规划
前言: 不知不觉, 慢慢的把一些基础知识整理到了现在. SQL挖掘机系列可能就要到此结束了. 目前是规划把这部分SQL练习部分放到SQL刷题的专栏, 就不放到SQL专栏了. 因为后续如果接触更多的知识点和题目也好分类. 请大家如果关注的话, 想看SQL知识点 --> SQL专栏; 想看SQL刷…...
概率论与数理统计：第一章:随机事件及其概率
文章目录 概率论Ch1. 随机事件及其概率1.基本概念(1)随机试验、随机事件、样本空间(2)事件的关系和运算①定义：互斥(互不相容)、对立②运算法则：德摩根率 (3)概率的定义(4)概率的性质(5)概率计算排列组合 2.等可能概型1.古典概型 (离散)2.几何概型 (连续…...
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…...
jar命令的安装与使用
场景： 项目中经常遇到使用WinR软件替换jar包中的文件，有时候存在WinRAR解压替换时提示没有权限，此时winRAR不能用还有有什么方法替换jar包中的文件。 方法： 使用jar命令进行修改替换 问题： 执行jar命令报错jar 不…...
uniapp 对接腾讯云IM群组成员管理（增删改查）
UniApp 实战：腾讯云IM群组成员管理（增删改查） 一、前言 在社交类App开发中，群组成员管理是核心功能之一。本文将基于UniApp框架，结合腾讯云IM SDK，详细讲解如何实现群组成员的增删改查全流程。 权限校验…...
Flask RESTful 示例
目录 1. 环境准备2. 安装依赖3. 修改main.py4. 运行应用5. API使用示例获取所有任务获取单个任务创建新任务更新任务删除任务 中文乱码问题： 下面创建一个简单的Flask RESTful API示例。首先，我们需要创建环境，安装必要的依赖，然后…...
五年级数学知识边界总结思考-下册
目录 一、背景二、过程1.观察物体小学五年级下册“观察物体”知识点详解：由来、作用与意义**一、知识点核心内容****二、知识点的由来：从生活实践到数学抽象****三、知识的作用：解决实际问题的工具****四、学习的意义：培养核心素养…...
#Uniapp篇：chrome调试unapp适配
chrome调试设备----使用Android模拟机开发调试移动端页面 Chrome://inspect/#devices MuMu模拟器Edge浏览器：Android原生APP嵌入的H5页面元素定位 chrome://inspect/#devices uniapp单位适配 根路径下 postcss.config.js 需要装这些插件 “postcss”: “^8.5.…...
MySQL 8.0 事务全面讲解
以下是一个结合两次回答的 MySQL 8.0 事务全面讲解，涵盖了事务的核心概念、操作示例、失败回滚、隔离级别、事务性 DDL 和 XA 事务等内容，并修正了查看隔离级别的命令。 MySQL 8.0 事务全面讲解 一、事务的核心概念（ACID） 事务是…...
脑机新手指南（七）：OpenBCI_GUI：从环境搭建到数据可视化（上）
一、OpenBCI_GUI 项目概述 （一）项目背景与目标 OpenBCI 是一个开源的脑电信号采集硬件平台，其配套的 OpenBCI_GUI 则是专为该硬件设计的图形化界面工具。对于研究人员、开发者和学生而言，首次接触 OpenBCI 设备时，往…...
在 Spring Boot 中使用 JSP
jsp？ 好多年没用了。重新整一下 还费了点时间，记录一下。 项目结构： pom: <?xml version"1.0" encoding"UTF-8"?> <project xmlns"http://maven.apache.org/POM/4.0.0" xmlns:xsi"http://ww…...
通过MicroSip配置自己的freeswitch服务器进行调试记录
之前用docker安装的freeswitch的，启动是正常的， 但用下面的Microsip连接不上 主要原因有可能一下几个 1、通过下面命令可以看 [rootlocalhost default]# docker exec -it freeswitch fs_cli -x "sofia status profile internal"Name …...
在RK3588上搭建ROS1环境：创建节点与数据可视化实战指南
在RK3588上搭建ROS1环境：创建节点与数据可视化实战指南 背景介绍完整操作步骤1. 创建Docker容器环境2. 验证GUI显示功能3. 安装ROS Noetic4. 配置环境变量5. 创建ROS节点（小球运动模拟）6. 配置RVIZ默认视图7. 创建启动脚本8. 运行可视化系统效果展示与交互技术解析ROS节点通…...
电脑桌面太单调，用Python写一个桌面小宠物应用。
下面是一个使用Python创建的简单桌面小宠物应用。这个小宠物会在桌面上游荡，可以响应鼠标点击，并且有简单的动画效果。 import tkinter as tk import random import time from PIL import Image, ImageTk import os import sysclass DesktopPet:def __i…...