input取value，判断value是否为空。null/undefined/''的区别

一、Input获取value

<input type="text" value="请输入姓名" name="name" id="name">
<script>
var name; 
    name = document.getElementById("name").value
    name = form1.name.value
    name = $("#name").val()
    name =  $("input[id='name']").val()
    name = $("#name").attr("value")
    name = $("input[id='name']").attr("value")
</script>

二、判断value是否为空

// 方法一:
if(name == null || name == undefined || name == ''){
    console.log("value 为空")
}
// 方法二:
if(name.length > 0 ){
    console.log("value 不为空")
}

三、null、undefined、‘’的区别

null:空对象\不是对象,转为数值为0
undefined:全局对象window的一个特殊属性.undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义。转为数值为NaN.典型用法是：

（1）变量被声明了，但没有赋值时，就等于undefined。
（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。
（3）对象没有赋值的属性，该属性的值为undefined。
（4）函数没有返回值时，默认返回undefined。