JS输出空格的简单实现方法
在写JS代码的时候,大家可以会发现这样现象:
document.write(" 1 2 3 "); 结果: 1 2 3
无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格。
这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。
解决方法:
1. 使用输出html标签 来解决
document.write(" "+"1"+" "+"23"); 结果: 1 23
2. 使用CSS样式来解决
document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 结果: 1 2 3
在输出时添加“white-space:pre; ”样式属性。这个样式表示"空白会被浏览器保留"
以上这篇JS输出空格的简单实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。
相关推荐
-
js检测输入内容全为空格的方法
JavaScript判断输入内容不能全为空格的方法,用来避免输入框的内容输入的全是空格: 复制代码 代码如下: <html> <head> <script> function checkBlankSpace(str){ while(str.lastIndexOf(" ")>=0){ str = str.replace(" ",""); } if(str.length ==
-
js去字符串前后空格的实现方法
当我们进行一些页面编辑时,字符串前后的空格,通常是无效的.因此需要在获取信息时,进行过滤. 比如: 输入:[空格][空格]a[空格]b[空格][空格][空格] 得到:a[空格]b 代码如下: 去掉前面的空格 function LTrim(str){ var i; for(i=0;i<str.length;i++){ if(str.charAt(i)!=" ") break; } str = str.substring(i,str.length); return str; } 去掉
-
js去字符串前后空格5种实现方法及比较
我们在项目中如果写到注册的时候,用户输入空格,我们怎么来剔除空格呢? 下面是我经常用到的js与大家分享下: 第一种:循环检查替换 [javascript] 复制代码 代码如下: //供使用者调用 function trim(s){ return trimRight(trimLeft(s)); } //去掉左边的空白 function trimLeft(s){ if(s == null) { return ""; } var whitespace = new String("
-
JS输出空格的简单实现方法
在写JS代码的时候,大家可以会发现这样现象: document.write(" 1 2 3 "); 结果: 1 2 3 无论在输出的内容中什么位置有多少个空格,显示的结果好像只有一个空格. 这是因为浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格. 解决方法: 1. 使用输出html标签 来解决 document.write(" "+"1"+" "+"23"); 结果: 1 23 2.
-
js时间比较 js计算时间差的简单实现方法
页面使用dateTimePicker获取数据类型为"12:12:12" 如果输入"11:11:11"要自动计算两者时间差 代码如下: var a="12:49:00",b="14:49:00"; s=a.split(":"); e=b.split(":"); var daya = new Date(); var dayb = new Date(); daya.setHours(s[0])
-
JS二叉树的简单实现方法示例
本文实例讲述了JS二叉树的简单实现方法.分享给大家供大家参考,具体如下: 今天学习了一下 二叉树的实现,在此记录一下 简单的二叉树实现,并且实现升序和降序排序输出 function Node(data , left,right){ this.data = data; this.left = left; this.right = right; this.show = show; function show(){ return this.data; } }; function Bst(){ this
-
JS根据生日月份和日期计算星座的简单实现方法
本文实例讲述了JS根据生日月份和日期计算星座的简单实现方法.分享给大家供大家参考,具体如下: 看到了别人写的一个计算星座的js,冗长的有点儿看不过去,就自己写个了. 我想,这个函数应该足够精简了:) 什么 if 啊 switch 啊 for 啊 通通滚蛋了-- 传入参数:month [int] 1-12; day [int] 1-31. // 根据生日的月份和日期,计算星座. function getAstro(month,day){ var s="魔羯水瓶双鱼牡羊金牛双子巨蟹狮子处女天秤天蝎
-
JS代码防止SQL注入的方法(超简单)
下面通过两个方面给大家介绍js代码防止sql注入的方法,非常简单实用,感兴趣的朋友参考下吧! 1.URL地址防注入: //过滤URL非法SQL字符 var sUrl=location.search.toLowerCase(); var sQuery=sUrl.substring(sUrl.indexOf("=")+1); re=/select|update|delete|truncate|join|union|exec|insert|drop|count|'|"|;|>
-
JS之获取样式的简单实现方法(推荐)
基本代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ color:yellow; } </style> </head> <body> <div style="width:100
-
js发送短信倒计时的简单实现方法
如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <meta charset="utf-8"> &l
-
json对象与数组以及转换成js对象的简单实现方法
JSON 语法规则 JSON 语法是 JavaScript 对象表示法语法的子集. •数据在名称/值对中 •数据由逗号分隔 •花括号保存对象 •方括号保存数组 JSON 对象 JSON 对象在花括号中书写: 对象可以包含多个名称/值对: { "firstName":"John" , "lastName":"Doe" } 这一点也容易理解,与这条 JavaScript 语句等价: firstName = "John&q
-
js中获取键盘事件的简单实现方法
<script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && e.keyCode==27){ // 按 Esc //要做的事情 } if(
-
js将滚动条滚动到指定位置的简单实现方法
js将滚动条滚动到指定位置的简单实现方法 代码如下(主要是通过设置Location的hash属性): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&
随机推荐
- 优化提高VMware虚拟机运行速度的技巧(详细图文教程)
- PHP 和 MySQL 基础教程(一)
- jQuery使用手册之一
- DOS批处理中%cd%和%~dp0的异同分析
- 浅析Java基于Socket的文件传输案例
- 总结Java中线程的状态及多线程的实现方式
- 教你如何使用VS远程调试
- php数组函数array_key_exists()小结
- Android Touch事件分发过程详解
- C#实现闪动托盘图标效果的方法
- js制作简易年历完整实例
- 基于SVG的web页面图形绘制API介绍及编程演示
- javascript自启动函数的问题探讨
- 微信小程序网络请求wx.request详解及实例
- Java实现Dijkstra输出最短路径的实例
- java 字符串分割的三种方法(总结)
- php实现word转html的方法
- Python学习pygal绘制线图代码分享
- vue中实现图片和文件上传的示例代码
- 解决vue.js this.$router.push无效的问题