JavaScript的document.write用法示例-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_23666533/article/details/76282000

这篇博客通过实例展示了JavaScript中document.write的四种用法：1) 直接输出字符串；2) 通过变量输出内容；3) 合并多个字符串输出；4) 输出HTML标签并使其生效。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.write</title>
<script type="text/javascript">
var mystr="我是";
var mychar="JavaScript";

document.write(mystr+"<br>");
document.write(mychar);
document.write(mystr+mychar+"的忠实粉丝");

</script>
</head>
<body>
</body>
</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>

输入空格的办法

1. 使用输出html标签&nbsp;来解决
 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&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;”样式属性。这个样式表示"空白会被浏览器保留"

5js的输出内容