JavaScript中函数调用

xuekatie

于 2021-03-17 09:41:00 发布

阅读量68

点赞数

分类专栏： web前端学习 JavaScript 语法

本文链接：https://blog.csdn.net/xuekatie/article/details/114916356

版权

web前端学习同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

JavaScript 语法

12 篇文章 0 订阅

订阅专栏

函数调用

<style>
    #box {
      width: 100px;
      height: 100px;
      background: red;
    }
  </style>


<body>
  <button id="btn1">按钮1</button>
  <button id="btn2">按钮2</button>
  <div id="box"></div>

  <script>
    // 1.获取元素通过Id，2.变量的声明及赋值；
    var btn1 = document.getElementById('btn1');
    var btn2 = document.getElementById('btn2');
    var box = document.getElementById('box');

    // console.log(btn1, btn2, box)

    // 绑定点击事件
    // btn1.onclick = function () {
    //   box.style.width = '200px';
    //   box.style.height = '200px';
    // }

    // btn2.onclick = function () {
    //   box.style.width = '200px';
    //   box.style.height = '200px';
    // }


    btn1.onclick = fn; // 当点击的时候有名函数被调用；
    btn2.onclick = fn;

    function fn() { // 有名函数调用；
      box.style.width = '200px';
      box.style.height = '200px';
    }

  </script>
</body>

xuekatie

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中函数调用

函数调用<style> #box { width: 100px; height: 100px; background: red; } </style><body> <button id="btn1">按钮1</button> <button id="btn2">按钮2</button> <div id="box"></div&g.
复制链接

扫一扫