【学习笔记】JavaScript-输出内容（document.write）

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。
使用方法：
1.用""括起来（输出""里面的内容）
例

<script type="text/javascript">
  document.write("I love JavaScript！");
</script>

效果：效果图

2.通过变量
例

 <script type="text/javascript">
      var mystr="hello world!";
      document.write(mystr);  
    </script>

tip：本例中，定义了一个mystr的变量
效果：效果

3.输出多项内容，内容之间用+号连接
例

<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); 
</script>

效果
效果
4.输出HTML标签，并起作用，标签使用""括起来
例

<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>

效果
效果

tip:js的空格问题
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;”样式属性。这个样式表示"空白会被浏览器保留"