1、怎么判断滚动条到达底部

  1. <style>
  2.         *{margin:0;padding:0}
  3.         body{
  4.             height: 2000px;
  5.         }
  6.         div{
  7.             width:300px;
  8.             height: 1700px;
  9.             background-color: red;
  10.         }
  11.     </style>
  12. </head>
  13. <body>
  14.     <div>
  16.     </div>
  17.     <script>
  18.         var bodyH = document.body.clientHeight;
  19.         var vh = document.documentElement.clientHeight;
  20.         // console.log(bodyH)
  21.         console.log(vh)
  22.         /* 滚动条滚动的距离+vh ==bodyH */
  23.         window.onscroll= function(){
  24.             var scrollTop = window.scrollY;
  25.             console.log(scrollTop)
  26.         }
  27.         /* scrollTop+vh ==bodyH   判断页面到底了*/
  28.     </script>
  29. </body>
  30. </html>

2、点谁删除谁

  1. <ul>
  2.         <li>html <button>删除</button></li>
  3.         <li>css <button>删除</button></li>
  4.         <li>javascript <button>删除</button></li>
  5.     </ul>
  6.     <script>
  7.         var btns = document.getElementsByTagName("button");
  8.         /* 1、给每个btn绑定点击事情 */
  9.         for(var i=0;i<btns.length;i++){
  10.             btns[i].onclick = function(){
  11.                 /* 2、点击对应的元素,将其父元素删除 */
  12.                 var  isShow = confirm("是否删除");
  13.                 console.log(isShow);
  14.                 if(isShow){
  15.                     this.parentNode.style.display="none"
  16.                 }
  17.             }
  18.         }
  19.     </script>