SeaJS 按需加載js模塊

時間 2019-11-19

原文原文鏈接

1.目錄結構javascript

2.index.htmlcss

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>seajs</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
</head>
<body>
<input type="button" id="button1" value="Click">
<input type="button" id="button2" value="Click">
<script src="https://cdn.bootcss.com/seajs/3.0.2/runtime-debug.js"></script></body>
<script>
    seajs.use('./js/index.js');
</script>
</html>

3.index.js

define(function(require, exports, module) {
    $('#button1').click(function () {
        alert('button1');
    });

    require.async('./myModule', function(myModule) {
        myModule.myFun();
    });
});

4.myModule.js

define(function(require, exports) {
    var myModule = {
        myFun: function () {
            $('#button2').click(function () {
                alert('button2');
            });
        }
    };

    return myModule;
});

5.參考連接： http://www.zhangxinxu.com/sp/seajs/docs/zh-cn/module-definition.html

相關標籤/搜索