输出内容（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(meystr+"I love JavaScript");//多项内容之间用+连接

</script>

第四种：输出HTML标签，并起作用，标签使用""括起来。

<script type = "text/javascript">

var mystr = "hello";

document.write(mystr+"<br>");//输出hello后，输出一个换行符

document.wirte("javaScript");

</script>

---

关于JS输出空格问题

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

document.write("   1      2                3  ");

结果:1 2 3

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

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

解决方法:

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

document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;"+"23");

结果:  1   23

2. 使用CSS样式来解决

document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");

结果:1       2     3

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