JavaScript中4种document.write（）输出展⽰document.write() 可⽤于直接向 HTML 输出流写内容，简单的说就是直接在⽹页中输出内容。
第⼀种：输出内容⽤""括起，直接输出""号内的内容，补充：如果是数字，有⽆""均可；如果是汉字与字母必须添加
1<script type="text/javascript">
2  document.write("I love JavaScript！"); //内容⽤""括起来，""⾥的内容直接输出。
3</script>
1<script type="text/javascript">
2//document.write(1 2 3)
3/*
4document.write()输出内容，如果是数字就不要添加""不过要是这样的话，你输出的数字中有空格，就报错了，所以纠正下，还是⽼⽼实实写上这个"" 5*/
6</script>
第⼆种：通过变量，输出内容
1<script type="text/javascript">
2var mystr="hello world!";
3  document.write(mystr);  //直接写变量名，输出变量存储的内容。
4</script>
第三种：输出多项内容，内容之间⽤+号连接
1<script type="text/javascript">
2var mystr="hello";
3  document.write(mystr+"I love JavaScript"); //多项内容之间⽤+号连接html document是什么
4</script>
第四种：输出HTML标签，并起作⽤，标签使⽤""括起来
1<script type="text/javascript">
2var mystr="hello";
3 document.write(mystr+"<br>");//输出hello后，输出⼀个换⾏符
4  document.write("JavaScript");
5</script>
完整代码展⽰:
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>JavaScript-输出内容（document.write）</title>
6<script type="text/javascript">
7//第⼀种
8        document.write("说什么好了，纠结，那就不说了")
9//第⼆种
10var sky="i love javascript"
11        document.write(sky);
12//第三种
13var mystr="hello";
14        document.write(mystr+123+"girl妹⼦");
15//第四种
16var boy="95 boy";
17        document.write("<br/>"+"在"+2020+"年"+boy+" "+"prefect javascript")
18</script>
19</head>
20<body>
21<!--        <form action="" method="">
22            <input type="button" name="" id="" value="点我" onclick="hs()"/>
23        </form>
24        <script type="text/javascript">
25            function hs(){
26                alert("调⽤函数");
27            }
28            hs();
29        </script> -->
30</body>
31</html>
||知识拓展:js中如何输出空格
1<!DOCTYPE html>
2<html>
3<head>
4<meta charset="utf-8">
5<title>js中如何输出空格</title>
6<script type="text/javascript">
7            document.write("1  2  3");
8/*
9⽆论在输出的内容中什么位置有多少个空格，显⽰的结果好像只有⼀个空格。
10这是因为浏览器显⽰机制，对⼿动敲⼊的空格，将连续多个空格显⽰成1个空格。
11*/
12//解决办法⼀：使⽤输出html标签 ；来解决，这⾥让我想到html的⽂本空格
13          document.write("<br/>"+"1"+"    "+"2 3");
14//解决办法⼆：使⽤CSS样式来解决, 注意在输出时添加“white-space:pre;”样式属性，这个样式表⽰"空⽩会被浏览器保留"
15            document.write("<p style='white-space: pre;'>"+"1        2  3"+"</p>");
16            document.write("<p style='letter-spacing: 20px;'>"+"123"+"</p>");
17            document.write("<p style='word-spacing:20px;'>"+"who care about you 'Your pressure comes from'"+"b"+"c"+"</p>"); 18</script>
19</head>
20<body>
21</body>
22</html>

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