dojo学习(一)入门

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>validationTextbox</title>
<head>
    <title>Dojo: Hello World!</title>
    <style type="text/css">
        @import "dojoroot/dijit/themes/tundra/tundra.css";<!--导入样式表-->
        @import "dojoroot/dojo/resources/dojo.css"
    </style>
    <script type="text/javascript" src="dojoroot/dojo/dojo.js"
      djConfig="parseOnLoad: true">
    </script> 
     <script type="text/javascript"> 
           dojo.require("dijit.form.Button");//添加部件;
     </script>
</head>

<body>
<button dojoType="dijit.form.Button" id="helloButton">Hello Dojo!
    <script type="dojo/method" event="onClick">
        alert('You pressed the button');
    </script>
</button>
</body>
</html>

特别备注:有些术语表述的不精确,有些知识点还需要时间总结,时时会纠正和更新。

一、dojo是什么?

dojo是Javascript的第三方库。
这里下载的版本为:dojo-release-1.12.2

解压后的文件为:

以后的问题都围绕这几个文件夹说明。

配置:

win7系统安装IIS,然后在wwwroot文件夹下建立一个文件夹dojoroot,将上面几个文件拖进dojoroot文件夹下。而开发的源文件处于wwwroot文件夹下,引用dojo模块的格式应该为:
/dojoroot/.../...的样式,应该说配置还是比较简单的。

新的代码(极简化的形式):

<html >  
<head>  
    <meta charset="utf-8">  
    <!--加载重要的dojo.js文件,(文本在本地,路径见下方)-->
    <script src="/dojoroot/dojo/dojo.js"></script>  
</head>  
<body>  
    <script type="text/javascript">
    <!--遍历dojo对象的所有属性(包括方法等等)-->
    for(var key in dojo)
    {
        document.write(key+"->"+"<br>");
    }
    </script>
</body>  
</html> 

上面代码说明的几个问题:

  1. 首先需要加载dojo.js文件
  2. 当加载之后,实际上浏览器就构造了一个很大的dojo对象。
  3. 必须通过localhost/....的形式访问

转载于:https://www.cnblogs.com/tinaluo/p/6675868.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
分三个包上传时,第三个包好像传不上去,我给整合了一下,打在一个包里上传了! dojo精品中文教程 Dojo.1.0 Practice Note [1] 什么是dojo 选择dojo的理由 AJAX架构之Dojo篇 Adding Ajax中文版 (DoJo) DOJO学习笔记(七)-日期控件DropdownDatePicker和DatePicker DOJO常用的验证函数 Dojo with Adobe AIR Dojo 工具包教程 Dojo 快速安装 Dojo和JSON建立无限级AJAX动态加载的功能模块树 Dojo学习笔记( 模块与包) Dojo学习笔记-- djConfig解说 Dojo学习笔记-- dojo.dom Dojo学习笔记-- dojo.event & dojo.event.topic & dojo.event.browser Dojo学习笔记--DateTextbox Dojo学习笔记--Dojo的基础对象和方法 Dojo学习笔记--FisheyeList鱼眼效果 Dojo学习笔记--TabContainer Dojo学习笔记--ValidationTextbox Dojo学习笔记--dijit.Dialog Dojo学习笔记--dijit.Menu Dojo学习笔记--dijit.TitlePane Dojo学习笔记--dijit.Tooltip Dojo学习笔记--dijit.Tree Dojo学习笔记--dojo.graphics.color & dojo.uri.Uri Dojo学习笔记--dojo.string & dojo.lang Dojo学习笔记--动态生成widget Dojo学习笔记--开发自己的TitlePane Dojo学习笔记--页面部分区域遮挡,DialogUnderlay Dojo学习笔记(五)-djConfig详解 dojo data 接口详解 dojo0.9 使用心得 dojo学习笔记(一)-dojo.io.IO & dojo.io.BrowserIO) dojo学习笔记(三) dojo学习笔记(二) dojo.lang.array & dojo.lang.func & dojo.string.extras dojo学习笔记(六)- ContentPane dojo学习笔记(四) dojo的拖拽示例以及疑问! 介绍dojo事件 使用 Dojo 工具包和 JSON-RPC 构建企业 SOA Ajax 客户端 利用Dojo实现拖动(Drag and Drop)效果

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值