example06.html 942 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. </head>
  7. <body>
  8. <h1 id="message">Hello, world!</h1>
  9. <button id="btn">0</button>
  10. <script>
  11. var counter = 0;
  12. var btn = document.getElementById('btn');
  13. var h1 = document.getElementById('message');
  14. function f1() {
  15. alert('按钮被点击了!');
  16. if (btn.removeEventListener) {
  17. btn.removeEventListener('click', f1);
  18. } else {
  19. btn.detachEvent('onclick', f1);
  20. }
  21. }
  22. function f2() {
  23. counter += 1;
  24. btn.textContent = counter;
  25. }
  26. function f3() {
  27. h1.textContent = 'Goodbye, world!';
  28. }
  29. if (btn.addEventListener) {
  30. btn.addEventListener('click', f1);
  31. btn.addEventListener('click', f2);
  32. btn.addEventListener('click', f3);
  33. } else {
  34. // 低版本IE浏览器
  35. btn.attachEvent('onclick', f1);
  36. btn.attachEvent('onclick', f2);
  37. btn.attachEvent('onclick', f3);
  38. }
  39. </script>
  40. </body>
  41. </html>