JavaScriptBOM基础 -- 笔记 - 图2review0525-2

  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <title>BOM基础</title>
  7. </head>
  8. <body>
  9.     <div id="box">
  10.         <span>iphone 11</span>
  11.         <input type="button" value="删除" id="btn" name="">
  12.     </div>
  13. </body>
  14. <script type="text/javascript">
  15.     var age = 24;
  16.     function sayAge(){
  17.         alert('我' + window.age);
  18.     }
  19.     window.username = 'marry';//var username = 'marry';
  20.     window.sayName = function(){
  21.         alert('我是' + this.username);
  22.     }
  23.     sayAge();
  24.     window.sayName();
  26.     var btn = document.getElementById('btn');
  27.     btn.onclick = function(){
  28.         var result = window.confirm('您确定要删除吗？');
  29.         if (result) {
  30.             document.getElementById('box').style.display = 'none';
  31.         }
  32.     }
  34.     console.log(window.location.href);
  35. </script>
  36. </html>