javascript几种写空格符的方法

javascript几种写空格符的方法javascript 几种写空格符的方法

文章转载来自慕课网提供的wiki:   javascript几种写空格符的方法

 

 

在写JS代码的时候,大家可能会发现这样现象:

document.write(”   1      2                3  “);
结果:
 1 2 3

无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。

这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。

解决方法:

1. 使用输出html标签 来解决

 
document.write(”  “+”1″+”    “+”23”);
 结果:
  1    23

2. 使用CSS样式来解决

 document.write(”
white-space:pre;”>”+”  1        2    3    “+”“);
 
结果:  
1       2     3    

 在输出时添加“white-space:pre;”样式属性。这个样式表示”空白会被浏览器保留

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/201510.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 上午9:14
下一篇 2026年3月20日 上午9:14


相关推荐

  • c#启动外部程序_winform程序自动更新

    c#启动外部程序_winform程序自动更新//class里面放入这段代码[DllImport(“shell32.dll”)]publicstaticexternintShellExecute(IntPtrhwnd,StringBuilderlpszOp,StringBuilderlpszFile,StringBuilderlpszParams,StringBuilderlpszDir,intFsShowCmd);//需要打开的地方插入此段代码ShellExecute(IntPtr.Zero,newStr

    2022年8月30日
    5
  • TCP粘包和拆包

    TCP粘包和拆包Socket 为 TCP 长连接 TCP 为了保证可靠传输并减少额外的开销 每次发包都要验证 采用了基于流的传输 基于流的传输不认为消息是一条一条的 是无保护消息边界的 保护消息边界 指传输协议把数据当做一条独立的消息在网上传输 接收端一次只能接受一条独立的消息 会存在粘包拆包问题 UDP 则是面向消息传输的 是有保护消息边界的 接收方一次只接受一条独立的信息 所以不存在粘包拆包问题 TCP 是个流协议 就是没有界限的一串数据 TCP 底层并不了解上层业务数据的具体含义 它会根据 TCP 缓冲区的实际情况进行包的划分 所

    2026年3月17日
    2
  • 如何选择黑盒测试工具

    如何选择黑盒测试工具如何选择黑盒测试工具关于黑盒 个人认为还是首先考虑是私用还是商用 私用的话去找一些开源的工具就好 像 OWASPZAP Arachni Wfuzz Nikto 这几个都是免费开源的 商用的话就比较特殊 需要考量的因素比较多 当然也比较贵 除了规则库 准确率 误报率 效率 稳定性以外 合规也是非常重要的因素 当了多年甲方运维狗已经被合规搞怕了 哈哈 商用给你推荐的话 当然是曾以 Watc

    2026年3月26日
    1
  • WPF中ListBox的WrapPanel布局「建议收藏」

    WPF中ListBox的WrapPanel布局「建议收藏」WPF中ListBox的WrapPanel布局,如果排出来是纵向列表,原因是Theme错了。

    2022年7月23日
    33
  • ASP.NET Framework 重写后的 .NET 异常报错界面(异常堆栈和溯源一目了然)

    ASP.NET Framework 重写后的 .NET 异常报错界面(异常堆栈和溯源一目了然)

    2021年11月24日
    41
  • vue常见错误解决

    vue常见错误解决Errorinrende TypeError Cannotreadpr list ofundefined Vuewarn Propertyorme message isnotdefined Makesurethat

    2026年3月16日
    3

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号