Javascript 为什么我不能在定义变量时放置.value属性？

因为输入元素的值是空的，并且您正在页面加载上运行这个JS。执行onclick函数时，start和end已经包含文档加载和

当您使用element对象时，您正在获取onclick函数中的fresh值，因此它将在运行onclick时检索并使用输入中的实际值

document.write('<input type="text" id="start" placeholder="start"><br> <input type="text" id="end"><br> <button id ="generate">Click to Generate</button>');
var start = document.getElementById("start"),
    end = document.getElementById("end"),
    myButton= document.getElementById("generate"); 
myButton.onclick = function() {
  "use strict";
  document.write("<select>");
  var years;
  for (years = start.value; years <= end.value; years++){
    document.write("<option value=\"" + years + "\">" + years + "</option>");
  }
    document.write("</select>");
};

var start = document.getElementById("start").value,
 end = document.getElementById("end").value;