12-1.js基础之字符串拼接及innerHTML和value的区别

一.字符串拼接及单双引号的应用

1. 字符串拼接
   • 1. +两边只要有一边是字符，就是拼接
   • 2. 如果给两个字符之间，放个+号，就拼接了
   • 3. 切记：变量不能加引号中，放在引号中就变成了字符

<!-- 在数组后面讲的 -->
var a = "hello";
var b = "world";

输出： hello,world!
字符串拼接用 +  来完成
console.log( a + "," + b + "!"  );

字符串和变量的拼接也是可以的
var name = "zhangsan";
var str = "你好," + name + '!';
console.log(str);

• 字符串拼接的快速操作
  • 1.找到变量部分，删除这个位置的占位字符
  • 2.使用外层引号打断
  • 3.两个加号连接
  • 4.两个加号中间放变量

2. 单双引号的应用
   • 注意:单双引号的字符不允许换行,单双引号配合使用,就是双引号嵌套单引号，单引号要嵌套双引号使用

二.补充:innerHTML及块级元素的拼接(字符串的拼接)重要

• innerHTML
  • 概念:向网页中输入内容,也可以获取元素当中的内容
  • 注意1:表当控件不能使用innerHTML获取,用value。如想要操作输入框(input)里面的内容,就是input.value
  • 注意2:其他的标签想要操作其中的内容用innerHTML: 内容.innerHTML
  • 注意3:为什么value在之后获取,而不是之前获取,因为获取的值为空。
• 块级元素的拼接(字符串的拼接)重要

'
' ——>  '
'+'
'  ——>  '
'+'拼接的内容'+'
'

三.补充:innerHTML和value区别

• innerHTML:
  • 既可以获取(标签)里面的内容,也可以获取格式
  • 可以设置标签里面的内容,将内容存储到标签当中
  • 不能获取表单控件
• value:用于获取表单控件(form)

四.问题:为什么value不能写在外边，而是写在里面？

• 1.因为网页刚刚加载完，获取的东西为空。
• 2.在单击事件后，获取用户输入的值！