Seajs超简单使用示例

最新推荐文章于 2019-10-01 10:30:35 发布

weixin_30566149

最新推荐文章于 2019-10-01 10:30:35 发布

阅读量166

点赞数

文章标签： xhtml javascript ViewUI

原文链接：http://www.cnblogs.com/joyho/articles/3510968.html

版权

以下示例很简单，就是在页面打印出seajs。（适合刚接触seajs五分钟的初学者，大神请绕路哈）

文件组织结构：

--myexsample

　　　　　　--js　

　　　　　　　　--module

　　　　　　　　　　--write.js

　　　　　　　　--seajs

　　　　　　　　　　--sea.js

　　　　　　--index.html

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div id="content"></div>
<script src="js/seajs/sea.js"></script>
<script>
seajs.config({})//相关配置
seajs.use("module/write");//加载write.js模块,需要注意路径的正确填写
</script>
</body>
</html>

write.js

// JavaScript Document
define(function(require){//模块定义
    var container = document.getElementById("content");
    container.innerHTML = "seajs";
    })

运行结果：

备注：这个小示例只有很少的内容，只为了显示seajs的文件组织和简单实用。

具体内容请参考相关开发文档：http://seajs.org/docs/#docs

转载于:https://www.cnblogs.com/joyho/articles/3510968.html

weixin_30566149

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Seajs超简单使用示例

以下示例很简单，就是在页面打印出seajs。（适合刚接触seajs五分钟的初学者，大神请绕路哈）文件组织结构： --myexsample　　　　　　--js　　　　　　　　　--module　　　　　　　　　　--write.js　　　　　　　　--seajs　　　　　　　　　　--sea.js　　　　　　--index.htmlindex.htm...
复制链接

扫一扫