1. window.alert( ) 弹窗

2. window.prompt(“text”,”defaultText”) 输入型弹窗

  1. <script>
  2. /**
  3. * window方法特点: window可以省略
  4. *
  5. * 全局对象window
  6. *
  7. */
  8. window.b = 20; //var b = 20;
  9. var a = 30;
  10. console.log(a + b);
  11. var c = prompt('????');
  12. console.log(c);
  13. </script>

3. window.confirm( “msg”) 包含确定和取消弹窗

功能:显示一个带有指定消息和包含确定和取消按钮的对话框。点击确定返回true,取消返回false;

  1. <ul>
  2. <li>html<button>删除</button></li>
  3. <li>css<button>删除</button></li>
  4. <li>js<button>删除</button></li>
  5. </ul>
  6. <script>
  7. var btns = document.querySelectorAll('button');
  8. for(var i=0;i<btns.length;i++){
  9. btns[i].onclick = function(){
  10. var a = confirm('确定删除');
  11. if(a){
  12. this.parentNode.style.display = 'none';
  13. }
  14. }
  15. }
  16. </script>