function app(str, n) {
var newStr = '';
for (var i = 0; i < (2 n + 1); i++) {
if (i == n) {
newStr += str;
} else {
newStr += ' '
}
};
return newStr;
};
consolelog(app('wer', 4));
</script>在写JS代码的时候，大家可以会发现这样现象：
documentwrite("
1
2
3
");
结果:
1
2
3
无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。
这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。
解决方法：
1
使用输出html标签 来解决
documentwrite(" "+"1"+" "+"23");
结果:
1
23
2
使用CSS样式来解决
documentwrite("<span
style='white-space:pre;'>"+"
1
2
3
"+"</span>");
结果:
1
2
3
在输出时添加“white-space:pre;
”样式属性。这个样式表示"空白会被浏览器保留"
以上这篇JS输出空格的简单实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。HTML中默认会忽略多个空格符，值保留一个。如果需要在页面上显示多个空格符，需要用空格符对应的实体（& nbsp;）来代替；(&和nbsp;之间的空格在使用时需要去掉)问题一：你浏览这段代码的网页，两个button之间是不是有缝隙？有的话就是有空格，虽然你没有给出空格，但是，你至少敲了一个回车，在这里被转义成空格，对于文本节点，nodeValue 属性包含文本。然而你这个文本为空。
问题二：对于单个标签，请用 />来关闭，你的两个 input标签都没有关闭，这样会造成你很多误解，请随时查找W3C标准，
节点的属性
对象拥有方法（功能）和属性（关于对象的信息），并可通过 JavaScript 进行访问和 *** 作。
三个重要的 DOM 节点属性是：
nodeName
nodeValue
nodeType
nodeName 属性
nodeName 属性规定节点的名称。
nodeName 是只读的
元素节点的 nodeName 与标签名相同
属性节点的 nodeName 是属性的名称
文本节点的 nodeName 永远是 #text
文档节点的 nodeName 永远是 #document
nodeValue 属性
nodeValue 属性规定节点的值。
元素节点的 nodeValue 是 undefined
文本节点的 nodeValue 是文本自身
属性节点的 nodeValue 是属性的值楼上的正解 一般实作的时候,也是先对字串去空格,然后再判断其是否为空
下面是我写的另一种实现方式,直接用正则表达式进行判断的跟楼上的比,就只是代码有所不同吧,基本原理应该还是一样的
<html>
<head>
<script language="javascript">
function checkValue(){
var objUserName = documentgetElementById("txtUserName");
var reg = /^\s(\S+)\s$/;
if(regtest(objUserNamevalue)){
//如果用户输入的内容,开头或结尾带有空格,则将空格去掉,重新赋给文本框的value属性
objUserNamevalue = RegExp$1;
alert("验证通过");
}else{
//如果用户只输入了空格,则将空格清空
objUserNamevalue = "";
alert("请输入用户名");
}
}
</script>
</head>
<body onload="">
<input type="text" id="txtUserName"/>
<button onclick="checkValue();">Check</button>
</body>
</html>前端项目中有时需要动态用JS添加空格，例如为了照顾CSS的样式或者为了照顾特殊效果的实现。只要用下面这种方法就好了。
HTML:
<div id="test"></div>
如果你不单单想让div之间是null，而是想动态添加空格的话，这样(jquery):
$("#id")innerHTML += " ";
就好了
Hope It useful to You and Yous!
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）