首页 > 开发 > 前端 > 正文

js- document.write();(总结十四种输出结果的区别)

2016-07-31 22:37:10  来源:慕课网
  <html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
  <script>
var a="hellow world";
var aa,b,c,d,e,f=10;
  document.write("第一行"+a);
document.write("第二行"+aa);
document.write("第三行"+"<h1>b</h1>");
document.write("第四行"+"<h1>c</h1>");
document.write("第五行"+"<h1>+c+</h1>");
document.write("第六行"+"<h1>"+c+"</h1>");
document.write("第七行"+"<h1>'+c+'</h1>");
document.write("第八行"+"<h1>"+f+"</h1>");
document.write("第九行"+"<h1>"+f+"</h1>",a);
document.write("第十行"+'hellow world');
document.write("第十一行"+"hellow world");
document.writeln("第十二行"+"hellow world");
document.write("第十三行" + "<br/>"+"hello world")
document.write("<br/>"+"第十四行" + "<br/>"+"hello world");
  </script>
  </head>
  <body>
</body>
</html>
  输出结果:
第一行hellow world第二行undefined第三行
b
第四行
c
第五行
+c+
第六行
undefined
第七行
'+c+'
第八行
10
第九行
10
hellow world第十行hellow world第十一行hellow world第十二行hellow world 第十三行
hello world
第十四行
hello world   变量与字符串的效果:
  第一第二个结果不能换行。
第三四五的结果可以换行且有了html的效果,但是确实一字符串的结果输出。且都不影响标签的实现。
第六行输出的就是变量。但是赋值确是underfined。而不是10.
第七行单引号输出的还是字符串,说明变量必须双引号以及++括起来。
第八行输出的结果就是赋值的变量10;只有最后一个 f 被成功赋值。
第九行说明+ 和 ,都有连接符的作用。而,逗号一般的作为多参数出现。
  换行效果:
  第十行第十一行的对比说明单引号与多引号在字符串的时候效果一样,但是第六行已经告诉我们在变量的时候效果可是不一样的。
  我们再看一下第一、二行与第十、十一行的换行效果。我们发现有html标签的都换行了,甚至能影响到前后面的提示“第X行”以及第九行“hellow”输出内容的换行效果。而没有html修饰的无论是字符串还是变量都没有换行。
  那么document.write();的换行符是什么呢?
第十二行的结果说明没有效果。听说在源代码里面有效果,反正我没有看到。
第十三、十四行说明了换行海得靠<br/> 换行符。双引号括起来。
  由此可以得出document.write()的三种方法。
第一种字符创输出:直接document.write(“字符串”);
  第二种变量输出:
先声明赋值变量:var a=“hellow world”;
然后:
document.write(a);
第三种就是html输出:
直接用双引号“”“”以及html标签括起来。