2.Bom.html 3.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Document</title>
  7. </head>
  8. <body>
  9. <!--
  10. JavaScript:
  11. ECMAScript 核心
  12. BOM 浏览器对象模型
  13. DOM 文档对象模型
  14. -->
  15. <!--
  16. 为什么HTML中要使用语义化?
  17. 1.快速的阅读代码
  18. 2.方便搜索引擎提取重要的信息
  19. -->
  20. <!--
  21. 驼峰命名法:第二个单词的首字母大写
  22. -->
  23. <div>
  24. <button id="btn1">往下走</button>
  25. <button id="btn3">清除</button>
  26. <h4>哈哈哈哈哈哈哈哈</h4>
  27. <h4>哈哈哈哈哈哈哈哈</h4>
  28. <h4>哈哈哈哈哈哈哈哈</h4>
  29. <h4>哈哈哈哈哈哈哈哈</h4>
  30. <h4>哈哈哈哈哈哈哈哈</h4>
  31. <h4>哈哈哈哈哈哈哈哈</h4>
  32. <h4>哈哈哈哈哈哈哈哈</h4>
  33. <h4>哈哈哈哈哈哈哈哈</h4>
  34. <h4>哈哈哈哈哈哈哈哈</h4>
  35. <h4>哈哈哈哈哈哈哈哈</h4>
  36. <h4>哈哈哈哈哈哈哈哈</h4>
  37. <h4>哈哈哈哈哈哈哈哈</h4>
  38. <h4>哈哈哈哈哈哈哈哈</h4>
  39. <h4>哈哈哈哈哈哈哈哈</h4>
  40. <h4>哈哈哈哈哈哈哈哈</h4>
  41. <h4>哈哈哈哈哈哈哈哈</h4>
  42. <h4>哈哈哈哈哈哈哈哈</h4>
  43. <h4>哈哈哈哈哈哈哈哈</h4>
  44. <h4>哈哈哈哈哈哈哈哈</h4>
  45. <h4>哈哈哈哈哈哈哈哈</h4>
  46. <h4>哈哈哈哈哈哈哈哈</h4>
  47. <h4>哈哈哈哈哈哈哈哈</h4>
  48. <h4>哈哈哈哈哈哈哈哈</h4>
  49. <h4>哈哈哈哈哈哈哈哈</h4>
  50. <h4>哈哈哈哈哈哈哈哈</h4>
  51. <h4>哈哈哈哈哈哈哈哈</h4>
  52. <h4>哈哈哈哈哈哈哈哈</h4>
  53. <h4>哈哈哈哈哈哈哈哈</h4>
  54. <h4>哈哈哈哈哈哈哈哈</h4>
  55. <h4>哈哈哈哈哈哈哈哈</h4>
  56. <h4>哈哈哈哈哈哈哈哈</h4>
  57. <h4>哈哈哈哈哈哈哈哈</h4>
  58. <h4>哈哈哈哈哈哈哈哈</h4>
  59. <h4>哈哈哈哈哈哈哈哈</h4>
  60. <h4>哈哈哈哈哈哈哈哈</h4>
  61. <h4>哈哈哈哈哈哈哈哈</h4>
  62. <h4>哈哈哈哈哈哈哈哈</h4>
  63. <h4>哈哈哈哈哈哈哈哈</h4>
  64. <h4>哈哈哈哈哈哈哈哈</h4>
  65. <h4>哈哈哈哈哈哈哈哈</h4>
  66. <h4>哈哈哈哈哈哈哈哈</h4>
  67. <h4>哈哈哈哈哈哈哈哈</h4>
  68. <h4>哈哈哈哈哈哈哈哈</h4>
  69. <h4>哈哈哈哈哈哈哈哈</h4>
  70. <h4>哈哈哈哈哈哈哈哈</h4>
  71. <h4>哈哈哈哈哈哈哈哈</h4>
  72. <h4>哈哈哈哈哈哈哈哈</h4>
  73. <h4>哈哈哈哈哈哈哈哈</h4>
  74. <h4>哈哈哈哈哈哈哈哈</h4>
  75. <h4>哈哈哈哈哈哈哈哈</h4>
  76. <button id="btn2">往上走</button>
  77. </div>
  78. <script src="../js/2.Bom.js"></script>
  79. </body>
  80. </html>