onclick点击显示当前日期

  1. !DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. </head>
  7. <body>
  9. <h1>我的第一个 JavaScript 程序</h1>
  10. <p id="demo">这是一个段落</p>
  11. <button type="button" onclick="displayDate()">显示日期</button>
  13.     <script>
  14.         function displayDate(){
  15.         document.getElementById("demo").innerHTML=Date();
  16.         }   
  17.     </script>
  18. </body>
  19. </html>

结果

image.png

原型应用-为内置对象扩展自定义方法

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8. </head>
  9. <body>
  10.     <script>
  11.         console.dir(Array.prototype);
  13.         //给数组内置对象添加一个求和的方法（sum），将来只需要调用这个方法，就可以获取数组元素的和
  14.         Array.prototype.sum = function(){
  15.             //定义一个求和变量
  16.             var sum = 0
  17.             //遍历数组元素
  18.             for(var i=0; i<this.length;i++){
  19.                 sum += this[i]
  20.             }
  21.             //返回结果
  22.             return sum
  23.         }
  25.         //调用
  26.         var arr = [3,2,3]
  27.         var sum = arr.sum()
  28.         console.log(sum);
  30.         var arr1 = new Array(5,6,7)
  31.         var sum1 = arr1.sum()
  32.         console.log(sum1);
  33.     </script>
  34. </body>
  35. </html>

结果

image.png