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 对象的末尾。
将指定数组的所有元素复制到 Array 对象的末尾。
从 Array 对象中移除所有元素。
创建 Array 对象的浅表副本。
确定某个元素是否在 Array 对象中。
从 Array 对象中移除第一个元素。
将一个元素添加到 Array 对象的末尾。
注意
使用 add 函数而不是 Array.enqueue 函数。
对 Array 对象的每个元素执行指定操作。
搜索 Array 对象的指定元素并返回该元素的索引。
在 Array 对象中的指定位置插入值。
从字符串表示形式创建 Array 对象。
移除 Array 对象中某个元素的第一个匹配项。
移除 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>