2.1弹窗

alert
语法:window.alert()
语法:window.confirm(“msg”)

  1.     <script>
  2.         /* window方法的特点；window是可以省略的 */
  3.         alert("hello world");
  4.         /* 
  5.         1.window是访问窗口的一个接口
  6.         2.window是一个全局对象
  7.         */
  8.     </script>

window.confirm( “msg”) 包含确定和取消弹窗
功能：显示一个带有指定消息和包含确定和取消按钮的对话框。点击确定返回true,取消返回false;

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

2.2 输入型弹窗、

window.prompt(“text,defaultText”)

  1. text:在对话框中显示的文本
  2. defaultText:默认输入文本
  3. 返回值:点取消按钮,返回null 
  4. 点确定按钮,返回输入的文本
  7.         var b = prompt('请输入你的年龄');
  8.         console.log(b);
  9.         if(b){
  10.             alert('输入成功')
  11.         }else{
  12.             alert('不能没有输入')
  13.         }
  1. var temp = window.prompt("请输入","hello world")
  2. console.log(temp);