Microsoft AJAX Library 学习笔记1

微软出了一套结合MVC框架的的JS类库为原生态的DOM对象提供了更丰富的方法,有了使用Jquery的感觉,更令人兴奋的是该JS竟然还提供JS版的类似WPF方式的数据绑定。

我们一起学习这套JS。

下载地址:http://www.asp.net/ajaxlibrary/download.ashx

MicrosoftAjax.js

Javascript 基本类型扩展
Array                通过静态函数对 Javascript 的 Array 类型进行了扩展
Boolean            对 Javascript 的 Boolean 对象的扩展
Date                 对 Javascript 的 Date 对象的扩展
Error                提供一组静态函数对 Javascript 的 Error 类型的内建异常进行扩展,使其支持应用程序编译模式 ( 调试或发布 )
Number            使用静态函数及实例方法对 Javascript 的 Number 类型进行扩展
Object              为 Javascript Object 对象提供反射 (reflection-like) 功能
String               使用静态函数和实例方法对 Javascript 的 String 对象功能进行扩展

Array类的扩展函数有:

说明

Array.add 函数

将一个元素添加到 Array 对象的末尾。

Array.addRange 函数

将指定数组的所有元素复制到 Array 对象的末尾。

Array.clear 函数

Array 对象中移除所有元素。

Array.clone 函数

创建 Array 对象的浅表副本。

Array.contains 函数

确定某个元素是否在 Array 对象中。

Array.dequeue 函数

Array 对象中移除第一个元素。

Array.enqueue 函数

将一个元素添加到 Array 对象的末尾。

注意注意

使用 add 函数而不是 Array.enqueue 函数。

Array.forEach 函数

Array 对象的每个元素执行指定操作。

Array.indexOf 函数

搜索 Array 对象的指定元素并返回该元素的索引。

Array.insert 函数

Array 对象中的指定位置插入值。

Array.parse 函数

从字符串表示形式创建 Array 对象。

Array.remove 函数

移除 Array 对象中某个元素的第一个匹配项。

Array.removeAt 函数

移除 Array 对象中指定位置的元素。


 例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script>
    <style type="text/css">
        div{ width:300px; height:200px;}
    </style>
    <script  type="text/javascript">
        var arr = new Array();
        var count = 0;
        function btn_click2() {
            //alert(arr.length);
            Array.add(arr,count);
            count++;

            // alert(arr.length);
            var display = $get("display");
            var data = "";
            Array.forEach(arr, function (e, index, curr_arr) {
                data += "内容为:" + e + ";下标为:" + index + ";数组长度为:" + curr_arr.length;
                data += "<br />"

            }, "<b>context</b>");
            display.innerHTML = data;
        }
        function btn_remove() {
            Array.removeAt(arr, 1);
            var display = $get("display");
            display.innerHTML = "元素个数:"+arr.length;
        }

    </script>
</head>
<body>
    <input type="button" value="click me" onclick="javascript:btn_click2();" />
    <input type="button" value="click me" onclick="javascript:btn_remove();" />
    <div id="display"></div>
</body>
</html>

posted on 2011-06-24 15:41  任生风影  阅读(238)  评论(0编辑  收藏  举报

导航