页面上怎么调用封装了的JS函数

JavaScript024

页面上怎么调用封装了的JS函数,第1张

一般在HTML中用事件调用封装好的js函数

如下例子

在div中利用点击事件onclick调用了a()函数;

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Document</title>

</head>

<body>

  <div onclick="a()"></div><!--onclick调用了a()函数-->

<script rel="03.js"></script>

</body>

</html>

1、js封装就是尽量把使用的方式简单化,内部逻辑和使用解耦。通俗的说就是使用的时候只需要知道参数和返回值,其他条件尽量不要使用人员进行设置。<br>2、js封装的方法有函数方式、对象的方式、闭包的方式。<br>举例<br>1)函数方式<br>function kk(a,b){<br> 内部对a,b怎么处理就不需要关心了<br>}<br><br>2)对象方式<br>function kk(a,b){<br> this.x = a<br> this.y = b<br>}<br>var k = new kk(1,2)//通过面向对象的方式<br>alert(k.x)<br>3)闭包方式<br>function kk(a,b){<br> var k = 1<br> return function tt(){<br> k++<br> }<br>}<br>var u = kk(1,2)<br>u()//闭包实现累加<br>u()//闭包实现累加

1、把a函数的数组作为a函数的返回值;

2、然后b函数里面调用a函数;

function a(){return var aArray = new array(1,2,3)}function b(){var bArray = new array() bArray = a() alert(bArray)}