JavaScript习题“输入生日，如何计算出生多少天？”详细讲解

题目知识点主要涉及Date（）基础语法，以及HTML基础标签，附上部分代码及解析：

一、JavaScript部分

<script>
  window.onload = function () {
      document.getElementById("btn-ok").onclick = function () {
          var txt_birth = document.getElementById("birthday").value;
          var birthday = new Date(txt_birth);
          var now = new Date();
          var days = Math.floor((now - birthday) / 1000 / 60 / 60 / 24);
          document.getElementById("show").textContent =
            "你已经在地球上生活了" + days + "天！";
      };
  };
</script>

疑问点：

1.window.οnlοad=function(){}  在全局装载时使用函数；

2.document.getElementById('id')方法用于获取指定id属性的元素节点，除此之外document对象还有很多其他用法，这里不做过多介绍；document.getElementById("btn-ok").onclick = function (){}译为在点击该按钮时使用函数

3.value  获取元素的值；

4.new Date()  使用new操作符和Date()构造函数创建日期对象；

5.math.floor()函数用于取整

6.(now - birthday) / 1000 / 60 / 60 / 24  现在的时间减去生日，单位是毫秒，要把单位转换为天；

7.textContent  设置/获取元素文本内容;

---

二、HTML部分

<div>
    <label for="birthday">生日：</label>
    <input type="text" name="birthday" id="birthday" />
    <button id="btn-ok">确定</button>
    <p id="show"></p>
</div>

疑问点：

1.<div>标签：自定义块，相当于一个容器，可以把一些独立的逻辑部分划分出来；

2.<laber for="控件id名称">标签：为input标签穿上衣服，无特殊效果，是为了为鼠标用户改进可用性，如果在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，就自动选中和该label标签相关连的表单控件上；

3.<input>标签：当type="text"时，输入框为文本输入框，name是对文本框命名，以备后台程序使用；

4.<button>标签：在网页中显示默认按钮；

5.<p>标签：放入段落文本；

---

初学JavaScript，以上仅为对代码的个人理解，如有偏差，请多指点！！！