1.在项目中引入sea.js,其中内容为:
var BASEPATH=”/TestSea”;
},
});
2.自定一个模块changeText.js:
textContent = ‘yes it works’;
exports.text=textContent;
})
3.changeText模块输出了一个text变量,然后我们在main中引用它:
define(function(require,exports,module) {
var changeText = require(‘resource/js/changeTest.js’);
var title = document.getElementById(‘title’);
title.innerHTML = changeText.text;
})
4.在jsp页面引入sea.js
<script type=”text/javascript” src=”./resource/js/sea.js”></script>
5.然后通过seajs.use加载自定义main.js文件
<script type=”text/javascript”>
seajs.use(‘./resource/js/main.js’);
</script>
此时我们能看到jsp页面中<h1 id=”title”>seajs demo</h1>的文本变为yes it works
梳理:页面引入sea.js(定义引用了jqueryjs),运用sea.js启动了main.js(main.js中获取了changeTest.js中的变量值),并修改了id为title的文本。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/233510.html原文链接:https://javaforall.net