Npcink Blog
切换菜单

JavaScript 输出内容：document.write - js 笔记

JavaScript 中的 document.write 是一个很常用的输出数据的方法，但很多地方的使用方法都讲的不是很完整，这里整理一下，做个笔记

最后更新于
本页目录1 节

JavaScript 中的 document.write 是一个很常用的输出数据的方法，但很多地方的使用方法都讲的不是很完整，这里整理一下，做个笔记。

document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。

第一种:输出内容用“”括起，直接输出""号内的内容。

<script type="text/javascript">
  document.write("I love JavaScript！");      //内容用""括起来，""里的内容直接输出
</script>

第二种:通过变量，输出内容

<script type="text/javascript">
    var mystr="我是";
    var mychar="JavaScript";
    document.write(mystr+"  ");        //直接写变量名，不用引号，输出变量存储的内容
    document.write(mychar);                 //结果为：我是   JavaScript
  </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后，输出一个换行符，不是输入<br/>
  document.write("JavaScript");
</script>