弹窗是否删除

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

判断滚动条到底部

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