JSP输出HTML时产生的大量空格和换行的去除方法

高洛峰

发布时间：2016-12-24 15:49:30

1823人浏览过

来源于php中文网

原创

这个问题当年也困扰了我比较长的时间.因为在jsp内使用的el标签和其他标签时,会产生大量的空格和换行符.例如:

------- start ---------- 
 
 
Something 
 
 
Others 
 
 
------- end -----------

这段代码在Tomcat上输出如下，多了几行换行。

------- start ---------- 
Something 
------- end -----------

当然，一般不去特别留意是不会发现有什么问题的，毕竟输出再多的空格和换行符，对于浏览器生成的最终效果是一样的。也就是大部分开发人员忽略这个问题的原因；但实际上这些空格和换行会占用了不少空间，我的经验是30%左右是空格/换行。也有人说，当web服务器以zip的方式来输出html时，空格引起的带宽问题就可以解决了；是的，当使用zip来输出html时，空格/换行的空间会被节省回来，但这个增加zip的工作量，而且最大的问题是，浏览器生成页面时，还是会还原所有的空格的换行符。对于前端开发人员来说这是个噩耗，面对大量的空格和冗长的html源码，想要找到对应出问题的样式所在的位置可不是容易的事情。
下面说一下解决方案，以Tomcat为例：
方案一，利用web服务器的trimSpaces功能。
Tomcat5 以上版本都可以使用，这是最简单的方法。

 
jsp 
org.apache.jasper.servlet.JspServlet 
 
fork 
false 
 
 
trimSpaces  
true  
 
 
xpoweredBy 
false 
 
3

这个方案有个缺点，它会去掉所有jsp EL标签之间的空格的换行符，在部分情况下也来带来不便。
如：Your name is ${firstName} ${lastName}. ==输出为==> Your name is firstNamelastName.
两个${}变量之间的空格也会消失。要解决这个问题是相当麻烦，要引入一个只有一个空格的变量。

Your name is ${firstName}${one_space}${lastName}.
这样就正常了，麻烦。虽然可以在一些全局变量的地方来增加一个one_space的变量，但代码看上去还是不爽。
方案二，我比较喜欢。
这个方案只有在支持jsp 2.1的web服务器上才可以使用，如Tomcat6。
Jsp2.1多了一个很有用的命令；

这个命令可以使jsp输出的html时去除多余的空行（jsp上使用EL和tag会产生大量的空格和空行），没有使用trimSpaces的问题，现在jsp输出html也可以很好地排版，看上去也专业；以前我一直都羡慕velocity的模板，输出html十分干净好看，现在jsp也可以了。
另外提一下，Tomcat6有一些兼容性问题，例如不能使用#{}这种代码在jsp中，因为会被当成JSF脚本执行。
虽然这是一个很小的问题，但我们还是要注意细节。

更多JSP输出HTML时产生的大量空格和换行的去除方法相关文章请关注PHP中文网！

立即学习“前端免费学习笔记（深入）”；

WhatsApp 链接生成器中将空格替换为 + 符号的完整实现教程

html5日期格式输出成字符串怎么做_html5日期转字符串技巧【方案】

CSS 中 inline-block 元素底部空白的成因与解决方案

html5日期格式如何用typescript定义_html5日期ts类型定义法【技巧】

如何让按钮内文字自动换行而不挤压右侧图标

HTML速学教程(入门课程)

HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！

下载

本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：网页常用特效整理：高级篇下一篇：php中将html中的br换行符转换为文本输入中的换行符

作者最新文章

实现一个 Java 版的 Redis

2018-05-30 13:56

Asp.net使用SignalR实现发送图片

2018-05-28 16:22

HTML5:使用Canvas实时处理Video

2018-05-28 17:58

最简单的微信小程序Demo

2018-05-30 10:20

Python构造自定义方法来美化字典结构输出

2018-05-29 10:33

html设置加粗、倾斜、下划线、删除线等字体效果示例介绍

2018-05-31 09:48

微信小程序：如何实现tabs选项卡效果示例

2018-05-29 15:01

微信小程序开发教程-App()和Page()函数概述

2018-05-28 16:19

python中pandas.DataFrame（创建、索引、增添与删除）的简单操作方法介绍

2018-05-29 15:23

详解python redis使用方法

2018-05-28 15:01

热门AI工具

DeepSeek

幻方量化公司旗下的开源大模型平台

AI 编程开发 AI 聊天问答

豆包大模型

字节跳动自主研发的一系列大型语言模型

AI 编程开发 AI大模型

通义千问

阿里巴巴推出的全能AI助手

AI 编程开发 Agent智能体

腾讯元宝

腾讯混元平台推出的AI助手

文档处理 AI 聊天问答

文心一言

文心一言是百度开发的AI聊天机器人，通过对话可以生成各种形式的内容。

AI 编程开发 AI 文本写作

讯飞写作

基于讯飞星火大模型的AI写作工具，可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

AI 文本写作中文写作

即梦AI

一站式AI创作平台，免费AI图片和视频生成。

图片拼接

ChatGPT

最最强大的AI聊天机器人程序，ChatGPT不单是聊天机器人，还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

AI 编程开发 AI 文本写作

智谱清言 - 免费全能的AI助手

AI 编程开发 Agent智能体

相关专题

AO3官网入口与中文阅读设置 AO3网页版使用与访问

本专题围绕 Archive of Our Own（AO3）官网入口展开，系统整理 AO3 最新可用官网地址、网页版访问方式、正确打开链接的方法，并详细讲解 AO3 中文界面设置、阅读语言切换及基础使用流程，帮助用户稳定访问 AO3 官网，高效完成中文阅读与作品浏览。

2026.02.02

主流快递单号查询入口实时物流进度一站式追踪专题

本专题聚合极兔快递、京东快递、中通快递、圆通快递、韵达快递等主流物流平台的单号查询与运单追踪内容，重点解决单号查询、手机号查物流、官网入口直达、包裹进度实时追踪等高频问题，帮助用户快速获取最新物流状态，提升查件效率与使用体验。

2026.02.02

Golang WebAssembly（WASM）开发入门

本专题系统讲解 Golang 在 WebAssembly（WASM）开发中的实践方法，涵盖 WASM 基础原理、Go 编译到 WASM 的流程、与 JavaScript 的交互方式、性能与体积优化，以及典型应用场景（如前端计算、跨平台模块）。帮助开发者掌握 Go 在新一代 Web 技术栈中的应用能力。

2026.02.02