Dojo 调用 js中的方法

最新推荐文章于 2024-09-03 16:32:05 发布

炘火尽

最新推荐文章于 2024-09-03 16:32:05 发布

阅读量5.6k

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/wangtao510/article/details/51734624

版权

JS 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

本文详细介绍了如何在 Dojo 框架中调用 JavaScript 的原生方法，包括实例化对象、操作 DOM 元素以及封装自定义函数。通过示例代码，读者将学会在 Dojo 中无缝集成和使用 JS 功能。

摘要由CSDN通过智能技术生成

HTML代码：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<meta charset="utf-8" /> 
    <script src="../js/jquery.min.js"></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/dojo.js"></script>
</head>
<body>
    <button type="button" id="btn">按钮</button>
    <script>
        var dojoConfig = {
            async: true,
            //此代码寄存器的“演示”包正确的位置，所以我们可以从CDN加载Dojo的同时还能够加载本地模块
            packages: [{
                name: "DojoTest",
                location: location.pathname.replace(/\/[^/]*$/, '') + '/DojoTest'
            }]
        };

        require(['DojoTest/forDojoTest'], function (dj) {
            dj.setText("btn", "NEW BUTTON");
            setTimeout(function () { dj.responseText("btn") }, 3000);
        });


    </script>
</body>
</html>

JS代码

define(['dojo/dom'], function (dom) {
    var oldText = {};
    return {
        setText: function (id, text) {
            var node = dom.byId(id);
            oldText[id] = node.innerHTML;
            node.innerHTML = text;
        },

        responseText: function (id) {
            var node = dom.byId(id);
            node.innerHTML = oldText[id];
            delete oldText[id];
        }
    }
})