微軟出了一套結合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>