Seajs使用实例入门

Seajs使用实例入门1 在项目中引入 sea js 其中内容为 varBASEPATH TestSea function a b functionc a returnfuncti b return toString call b object a functiond returnA functione a if a about blank a wi

1.在项目中引入sea.js,其中内容为:

var BASEPATH=”/TestSea”;

    },

});


2.自定一个模块changeText.js:

define(function(require,exports,module) {

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号