Dojo入门(一):HelloWorld程序

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_25337221/article/details/80241029

       Dojo是一个轻量级的web前端框架。它通过提供设计良好的api和工具包缩短了实现设计的时间。它是轻量级极其健壮的,提供工具来实现DOM操作,动画,ajax,event和键盘标准化,国际化I18N,可访问性。

        Dojo是完全免费的开源JavaScript工具包用于构造web应用。

 dojo依赖下载地址: http://dojotoolkit.org/download/

一.开始学习:

    第一步:引入依赖包

       Dojo可是runtime实时设定各种配置信息。最常用的两个配置参数是parseOnLoad和isDebug。parseOnLoad用来处理页面装载解析widgets和添加代码。isDebug用来打开和禁止特定的debugging。

 第一种:本地引入方式:<script type="text/javascript"  src="dojo-release/dojo/dojo.js" djConfig="parseOnLoad:true,isDebug:true"></script>

 第二种:网络引入方式:<script src="//ajax.googleapis.com/ajax/libs/dojo/1.13.0/dojo/dojo.js"></script>

     第二步:开始编写代码:

<html>
<head>
    <title>Exploring Dojo</title>
</head>
<body>
<h1>Exploring Dojo</h1>
<div id="message">This is a DIV element with id attribute message.</div>
<ul id="list">
    <li>This is the first item in a list</li>
    <li class="highlight">This is the second item in a list</li>
    <li>This is the third item in a list</li>
</ul>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.5/dojo/dojo.xd.js">
</script>
<script>
dojo.addOnLoad(function() {
    dojo.create(
        "div",
        {
            "innerHTML": "Hello, World!"
        },
        dojo.body()
    );
});
</script>
</body>
</html>

其他参考资料:https://www.ibm.com/developerworks/cn/web/wa-ground/
微笑本内容由安康学院雨季原创。

                             

猜你喜欢

转载自blog.csdn.net/qq_25337221/article/details/80241029
今日推荐