javascript - 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);
}