JavaScript-输出内容（document.write）document.write() 可⽤于直接向 HTML 输出流写内容。简单的说就是直接在⽹页中输出内容。
第⼀种：输出内容⽤""括起，直接输出""号内的内容。
<script type="text/javascript">
document.write("I love JavaScript！"); //内容⽤""括起来，""⾥的内容直接输出。
</script>
第⼆种：通过变量，输出内容
<script type="text/javascript">
var mystr="hello world!";
document.write(mystr);  //直接写变量名，输出变量存储的内容。
</script>
第三种：输出多项内容，内容之间⽤+号连接。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"I love JavaScript"); //多项内容之间⽤+号连接
</script>
第四种：输出HTML标签，并起作⽤，标签使⽤""括起来。
<script type="text/javascript">
var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出⼀个换⾏符
document.write("JavaScript");
</script>
JS中如何输出空格
在写JS代码的时候，⼤家可以会发现这样现象:html document是什么
1 2document.write("  1
2
3  ")；结果: 1 2 3
⽆论在输出的内容中什么位置有多少个空格，显⽰的结果好像只有⼀个空格。
这是因为浏览器显⽰机制，对⼿动敲⼊的空格，将连续多个空格显⽰成1个空格。解决⽅法:
1. 使⽤输出html标签 ；来解决
1 2 document.write("  "+"1"+"    "+"23")；结果:  1    23
2. 使⽤CSS样式来解决
1 2 document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>")；结果:  1      2    3
在输出时添加“white-space:pre;”样式属性。这个样式表⽰"空⽩会被浏览器保留"

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。