jquery .attr 和 .prop 删除 Chrome 中的属性

Question

如果没有找到替换变量（在 localStorage 中），以下脚本会完全删除 Value 属性而不是单独放置它，这是一个非常奇怪的错误。

我的html：

<form>
<input class="xfield" type="hidden" name="source" value="x111" />
</form>

JS

<script>

     var thecode = localStorage.getItem("xcode");
     if (thecode != "undefined" && thecode != "null") {
      $(".xfield").attr("value",thecode);
}

</script>

基本上，如果在 localStorage 中找到 xcode 项目，一切正常，默认值将被替换。但是，如果在 localStorage 中找不到 xcode，则结果（而且似乎只有在 Chrome 中，Firefox 工作正常，并且保持默认状态）是 value 属性被完全删除。

我尝试使用 .prop 代替并将其包装在 $(window).load(function(){ 中，但没有任何效果。知道我在这里可能做错了什么吗？

Answer 1

因为"underfined" !== undefined 和"null" != null

if (thecode!==null) {
    $(".xfield").val(thecode);
}

Answer 2

如果您的目标是检查undefined 或null，则检查undefined 或null，而不是"undefined" 和"null"（既不是undefined 也不是null）。 :-)

var thecode = localStorage.getItem("xcode");
if (thecode != undefined) { // Loose != works for both undefined and null
    $(".xfield").attr("value",thecode);
}

但getItem 不会返回undefined（如果密钥不存在，则需要返回null，如果存在则返回字符串[或其他可存储的，如画布]），所以：

var thecode = localStorage.getItem("xcode");
if (thecode !== null) {
    $(".xfield").attr("value",thecode);
}

如果代码在你关心的情况下总是非空白，你可以直接测试thecode：

var thecode = localStorage.getItem("xcode");
if (thecode) {
    $(".xfield").attr("value",thecode);
}

这将为任何真实值设置它。 undefined、null 和 "" 都是虚假的（0、NaN 和 false 也是如此，但你不会从 getItem 得到这些信息）。