微软出了一套结合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" οnclick="javascript:btn_click2();" />
<input type="button" value="click me" οnclick="javascript:btn_remove();" />
<div id="display"></div>
</body>
</html>