原创力文档- 1、本文档共14页，可阅读全部内容。
- 2、原创力文档（book118）网站文档一经付费（服务费），不意味着购买了该文档的版权，仅供个人/单位学习、研究之用，不得用于商业用途，未经授权，严禁复制、发行、汇编、翻译或者网络传播等，侵权必究。
- 3、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。如您付费，意味着您自己接受本站规则且自行承担风险，本站不退款、不进行额外附加服务；查看《如何避免下载的几个坑》。如果您已付费下载过本站文档，您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等，请点击“版权申诉”（推荐），也可以打举报电话：400-050-0827(电话支持时间：9:00-18:30)。
查看更多
淘宝优站程序js怎么写
看到大家都在抱怨js很难写，这里简单跟大家说下怎么写js。
再写js之前要清楚两件事情：
（1）目前js所能用的方法只有白名单里面提供的，所以再写之前可以简单过下，大概有什么方法
（2）目前还不支持js框架，像常用的jquery就不支持，基本只能用js。
在js白名单里面提供了kissy一部分方法，可以稍微提高一下开发效率。
目前还没有提供任何官方的kissy组件，但是我用原生的js和以开放的kissy方法写了两个demo，一个是轮播，一个是瀑布流的，大家可以参考。
这里跟大家分享几点：
1.通过script的标签引入的js，在页面上执行的时候是经过了caja框架过滤的，所以并非直接加入到页面中的，大家可以在页面上找到如下源代码：
(“taegrid.taobao//assets/javascripts/myjs.js?jsvarname=p_test12_0_view_front_index_php“,{
suess:function(){
oncajoledjsready(p_test12_0_view_front_index_php);
}
});
})
});function
oncajoledjsready(cajoledjs){
//alert(cajoledjs);
varguestdiv=
document.getElementById(‘taeapp-test12_0_view_front_index_php’);
caja.configure({
cajaServer:
“tbcdn/apps/taesite/balcony/core/r3001/caja“,
debug:
true
},function(frameGroup){
//varsharedFn=
TShop.Balcony.makeSharedFactory(frameGroup,KISSY);
varsharedFn=
makeSharedFactory(frameGroup,KISSY);
frameGroup.markFunction(restrictedAlert);
frameGroup.makeES5Frame(guestdiv,{rewrite:
uriPolicy.rewrite},function(frame){
varexposed_kissy=
sharedFn({
imports:frame.imports,
context:
guestdiv
});
frame.contentCajoled(”,cajoledjs).run({
alert:
frameGroup.tame(restrictedAlert),
KISSY:exposed_kissy,
_taeServer:“taegrid.taobao”
},function(){});
});
});
}
这一段代码才是真正引入js的。如果发现js没有执行，先看看控制台有没有错误提示，这个相信大家都是编码的应该都懂的。
如果提示类似UncaughtReferenceError:p_41_0_view_front_waterfall_phpis
notdefined的错误，访问一下前面所说的源代码中的红色部分的路径：
看看有什么错误提示。
另外有几点需要注意：
1.使用到的变量都要通过var来定义
2.每行结束使用;做分隔符。
3.不能再页面中直接使用js文件的方法，一定要绑定到事件。
如果在模板中写：
check()方法不会被执行，因为原来的js已经被caja重新编译过了，check方法已经不是叫check方法了。
所以要绑定到button的click事件上
4.js不能直接写在页面里面，只能写到js文件，才可以引入。
文档评论（0）