Microsoft AJAX Library 學習筆記1

來源:互聯網
上載者:User

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

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.