HTML中的文本框的null和“”的区别_html表示null-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_41287260/article/details/83063850

之前我也一直被这个问题所疑惑，后来我懂了，来看看我理解的对不对：

假设定义一个字符串：String str;

str == null，指空对象，即空指针，没有分配内存；

而str ==“”，指空字符串，是个字符串但是里面什么度没有，这是有分配内存的。

光说不练假把式！先上代码：JavaScript

<script type="text/javascript">
 function check(){
 var text = document.getElementById("text").value;
  	//验证方法1：
  	console.log("text==\"\"是真的吗？"+(text==""));
  	console.log("text==null是真的吗？"+(text==null));
  	
  	/* //验证方法2：下面这段代码是用alert()验证，文本框不为空时返回true
  	if (text!="") {
  		alert(text!="");
	}else{
		alert(text!="");
	} */
}
</script>

下面这个是HTML：

<body>
    <p id="title">null和“”的区别:</p>
    <form action="http://www.w3school.com.cn/" method="post">
        <input type="text" id="text" name="text" />
        <input type="button" id="button" value="验证是否非空" onclick="check()" />
    </form>
</body>

在js里面我是用console.log()f方法方法测试的，该方法输出的数据可在按F12后的控制台那里看到，方便分析。（当然你也可以用alert()方法验证。）

测试浏览器：谷歌浏览器。

测试：1.不填任何东西直接验证：