我正在尝试学习如何使用 require.js。所以我制作了一个 HTML 页面,正文中包含以下标签。
<script type="text/javascript" data-main="../js/shirt" src="../js/require.js"></script>
<script type="text/javascript">
alert("Shirt color is " + shirt.color);
</script>
../js/shirt.js 有以下代码
define({
color: "black",
size : "large"
});
如何在我的 html 中使用这个简单的值对?
除了 Domenic 的答案之外,也许您更喜欢这种使用 Define 函数而不在模块内使用 require 函数的方式。
// shirt.js
define({
color: "black",
size : "large"
});
// logger.js
define(["shirt"], function (shirt) {
return {
logTheShirt: function () {
console.log("color: " + shirt.color + ", size: " + shirt.size);
}
};
});
// main.js
define(["shirt", "logger"],function (shirt, logger) {
alert("Shirt color is: " + shirt.color);
logger.logTheShirt();
});
我更喜欢这种方式,但这只是品味问题。
(我假设所有脚本都位于同一文件夹中。)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)