requireJs使用方法项目实例

时间:2021-01-11 15:39:04

首先,定义 main.js  和 事件处理的公共 js

main.js 主要是定义引用名称和路径的对应关系

requireJs使用方法项目实例

事件绑定模块:

requireJs使用方法项目实例

写jsp页面:

jsp中先引入 require.js 和 main.js 然后写主模块 require([ 内容

requireJs使用方法项目实例

图中的this是传递的参数,这里指的是,被点击的元素的js对象。

然后是 js模块:

requireJs使用方法项目实例

其中要注意的是

1的位置是说,可以在这定义 模块中的公共变量,这样在当前模块的任意方法中都可以像2的位置那样用 _this.变量名  来调用模块公共变量。

3的位置是说,可以这样用一个变量 obj 作为方法参数来接收 jsp 中方法调用时传递过来的参数this(这里参数是 被点击标签的 js 对象),

  这里我们用  $(this) 方式将其转换为 jq 对象,然后调用 attr 方法,来获取我们在 jsp 标签上定义的 自定义 属性 p1 的值。

  【要注意:只能用 jq 对象的 attr 方法才能获取到我们在标签上自定义的属性,不可用prop方法