使用seajs来引入js代码
2017-03-01 10:23
323 查看
新学的引用js文件的方法
注意的是:引入jquery的代码最好放在html文件中,本文是为了说明seajs中require如何使用的,才将jquery放入seajs中的。
html中对应的代码:
(注意的是
)
对应的js代码:
这里的
就是引入了zyl.js文件,运行zyl.js文件。如果函数中不写init();那么对应的zyl.js文件就要执行init函数()
此外,还可以在zyl.js中写多个函数,然后使用
对应的html代码为:
原文
http://www.cnblogs.com/xiaozhumaopao/p/5895298.html
注意的是:引入jquery的代码最好放在html文件中,本文是为了说明seajs中require如何使用的,才将jquery放入seajs中的。
html中对应的代码:
<script type="text/javascript" src="../js/lib/sea.js"></script><!--这里一定要引入sea.js下面才能使用seajs.use()函数--> <script type="text/javascript"> seajs.use(['../js/zyl'],function(init) { init(); }); </script>
(注意的是
function(init)中的参数init
)
对应的js代码:
define(function(require, exports, module){ require('./lib/jquery.min');//该模块需要引入的js文件。使用require来引入,这样的好处是需要这些js文件时才引入,而不是一开始就全部放在html中引入 function bindEvents(){ //编写核心函数代码 $('.zuobiaoxi td').click(function() { //前提是html中需要引入jquery $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr'); $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr'); }); } var init = function(){ bindEvents(); } module.exports = init; })
这里的
seajs.use(['../js/zyl'],function(init) { });
就是引入了zyl.js文件,运行zyl.js文件。如果函数中不写init();那么对应的zyl.js文件就要执行init函数()
define(function(require, exports, module){ require('./lib/jquery.min');//该模块需要引入的js文件。使用require来引入,这样的好处是需要这些js文件时才引入,而不是一开始就全部放在html中引入 function bindEvents(){ //编写核心函数代码 $('.zuobiaoxi td').click(function() { //前提是html中需要引入jquery $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr'); $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr'); }); } var init = function(){ bindEvents(); } init();//这里做了改动 })
此外,还可以在zyl.js中写多个函数,然后使用
module.exports = dialog;来向外提供接口,这样在html中引入的js中就可以直接使用dialog();执行。(如果不写
module.exports = dialog;)则,html中写dialog()不再起作用。 ) 则js代码为:
define(function(require, exports, module){ require('./lib/jquery.min.js'); function bindEvents(){ //编写核心函数代码 $('.zuobiaoxi td').click(function() { //前提是html中需要引入jquery $(this).addClass('td_curr').siblings().removeClass('td_curr').parents().siblings().find('td').removeClass('td_curr'); $(this).find('.round').addClass('curr').parents().siblings().find('.round').removeClass('curr'); }); } var init = function(){ bindEvents(); } var dialog=function(){ alert('hello'); } module.exports = init; //或者使用init(); module.exports = dialog; })
对应的html代码为:
<script type="text/javascript" src="../js/lib/sea.js"></script><!--这里一定要引入sea.js下面才能使用seajs.use()函数--> <script type="text/javascript"> seajs.use(['../js/zyl.js'],function(init) { init(); dialog(); }); </script>
原文
http://www.cnblogs.com/xiaozhumaopao/p/5895298.html
相关文章推荐
- 有关打印、收藏等的JS代码(打印等主要使用了一个IE组件来实现)
- 使用JSDoc建立JavaScript代码的文档
- 使用模板库(dojo)来使我们自己的JS代码与各种浏览器隔离
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- 有关打印、收藏等的JS代码(打印等主要使用了一个IE组件来实现)
- 在APS NET页面中使用JS验证服务器控件,并在Button按钮中调用JS代码
- 在使用JS框架之前自己写的一些工具代码
- ASP.NET常用到的js通用函数 c#代码可以做成dll来使用
- ajax拖动层,保存层位置,这段代码是从网络人扒拉下来的(非XAJAX),使用类库prototype.js,感觉效果非常好
- 如何使用C#在发送往client的内容上加js代码
- .net页面引入JS代码
- js使用对象直接量创建对象的代码
- syntaxhighlighter 使用 配置 参数 详解 代码高亮 纯JS
- js脚本代码日常使用大全
- 如何使用C#在发送往client的内容上加js代码(转)
- 如何使用C#在发送往client的内容上加js代码(转)
- js使用对象直接量创建对象的代码
- 如何使用Javascript(简称JS)取得LI里的内容(简单易懂的代码实例)
- 【asp.net 】使用js结合hidden控件实现在后台运行一段程序后提示确认,确认通过后继续执行后台代码~~~