 和空格区别及去除区别

最新推荐文章于 2023-10-07 17:51:42 发布

可乐6666

最新推荐文章于 2023-10-07 17:51:42 发布

阅读量7.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML JavaScript 文章标签： nbsp 空格

本文链接：https://blog.youkuaiyun.com/xuexizhe88/article/details/55260018

JavaScript 同时被 2 个专栏收录

23 篇文章

订阅专栏

HTML

13 篇文章

订阅专栏

本文详细介绍了HTML中六种不同的空格实体，包括它们的基本用途、如何在网页中正确使用这些空格实体，以及如何通过JavaScript来处理这些特殊空格。特别是对不换行空格（&nbsp;）进行了深入探讨，并展示了实际应用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、html中提供了6中空格，分别为 &ensp；&emsp；&thinsp；&zwnj；&zwj；

具体区别看参考：http://www.cnblogs.com/chenshihaook/p/6186343.html

2、 为不换行空格，全称No-Break Space，使用最多的空格，它是按下space键产生的空格。在HTML中，如果你用空格键产生此空格，空格是不会累加的（只算1个）。要使用html实体表示才可累加，该空格占据宽度受字体影响明显而强烈。

3、HTML中使用“ ”表示1个空格字符（英文的1个空格字符），1个中文汉字占2个英文字符。即一个汉字需要两个&nbsp；

4、JavaScript去除空格的区别；

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<p>aaaaaaa</p>
		<p>   </p>
		<p>&nbsp;&nbsp;</p>
		<p>aaaaaaaaaaaaaaaa<br>哈哈哈哈哈哈哈哈哈哈哈哈</p>
		<p>床前明月光，心里想的慌，举头望明月，低头思  姑娘。</p>
		<p>床前明月光，心里想的慌，举头望明月，低头思&nbsp;&nbsp;姑娘。</p>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$('p').each(function(i,e){
				var reg=/&nbsp;/g;
				var textn = $(this).text().trim();
				console.log("aaa" + textn);
				if (textn == "" || reg.test(textn) == true) {
					$(this).hide();
				}
			});
		});
	</script>
</html>

（1）判断一个标签中添加是不是space敲的空格，可以通过标签中text(),然后去除两端空格，如果为空，则为标签中只为space空格；

（2）区分&nbsp；需要用正则表达式匹配，等于true时，才能判断为&nbsp；空格；

（3）第六个p标签和第七个p标签主要说明了&nbsp；和space空格的区别，如果p宽度有限，只能容下“床前明月光，心里想的慌，举头望明月，低头思”如果用space空格，只有“姑娘”移到下一行，如果&nbsp；则“思姑娘”都移到下一行。原因是使用&nbsp；连到了一起！

运行结果如下：