4_字符型.html 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <script>
  10. // 字符型变量
  11. // 只要变量的值是一个字符串,就叫字符型变量
  12. var a = "hello";
  13. // 定义字符型可以是"双引号 也可以是 ' 单引号
  14. var b = 'world';
  15. // "+"加号可以表示字符型变量的拼接
  16. var c = a + b;
  17. var d = 10;
  18. // 字符型拼接过程中有任何一个操作数是其他类型 会将其他类型变量转换为字符串 然后在进行拼接
  19. var e = a + d;
  20. console.log(e);
  21. console.log(c);
  22. // "" 引号内没有任何内容 也叫空字符串
  23. var f = "";
  24. // 当字符串内容出现引号时 里面为单引号那么外面就是双引号 否则反之
  25. var g = "<h1 class='box'>hello world</h1>";
  26. // 可以向页面中输出内容
  27. // document.write(g);
  28. // 变量不能写在引号内部 否则会变成字符串展示
  29. // 如果要在字符串内部展示变量可以使用 +(加号) 进行拼接
  30. var h = "box";
  31. document.write("<h1>"+h+"</h1>")
  32. </script>
  33. </body>
  34. </html>