call()和apply()的用法及区别,看这个例子就明白了

躲不过这哀伤

于 2018-03-28 17:35:00 发布

阅读量90

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zwhbk/p/8665203.html

本文通过一个简单的HTML页面示例，介绍了如何使用JavaScript来获取和修改网页中特定DOM元素的宽度。具体展示了如何利用`getElementById`方法选取元素，并通过`call`与`apply`方法来改变元素的宽度。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title></title>
    <style media="screen">
      #test1,#test2{width: 100px;height: 100px;border: 1px solid red;}
    </style>
  </head>
  <body>
    <div id="test1">
      test1
    </div>
    <div id="test2">
      test2
    </div>
    <script type="text/javascript">
      var test1 = document.getElementById("test1");
      var test2 = document.getElementById('test2');
      function t(a){
        this.style.width = a;
      }

      t.call(test1,'200px');//call(obj,参数1,参数2,...)
      t.apply(test2,['400px']);//apply(obj,[参数1,参数2,...])

    </script>
  </body>
</html>