javascript, jQuery, ajax 個人學習筆記

此文旨在記錄本人在學習過程中的經典例子

本部分提供完整的 JavaScript 參考手冊：

• JavaScript 本機物件和內建對象
• Browser 對象（BOM）
• HTML DOM 對象

JavaScript 對象參考手冊

本參考手冊描述每個對象的屬性和方法，並提供執行個體。

• Array
• Boolean
• Date
• Math
• Number
• String
• RegExp
• Global

Browser 對象參考手冊

本參考手冊描述每個對象的屬性和方法，並提供執行個體。

• Window
• Navigator
• Screen
• History
• Location

HTML DOM 對象參考手冊

本參考手冊描述每個對象的屬性和方法，並提供執行個體。

• Document
• Anchor
• Area
• Base
• Body
• Button
• Canvas
• Event
• Form
• Frame
• Frameset
• IFrame
• Image
• Input Button
• Input Checkbox
• Input File
• Input Hidden
• Input Password
• Input Radio
• Input Reset
• Input Submit
• Input Text
• Link
• Meta
• Object
• Option
• Select
• Style
• Table
• TableCell
• TableRow
• Textarea

相關頁面

如需更多有關 JavaScript 對象的知識，請閱讀 JavaScript 進階教程中的相關內容：

• 物件導向技術
• 對象應用
• 物件類型
• 對象範圍
• 定義類或對象
• 修改對象

如需更多有關 DOM 的知識，請訪問 W3School 提供的 XML DOM 教程：

• XML DOM 教程
• XML DOM 參考手冊

如需更多有關 jQuery 的知識，請訪問 W3School 提供的 jQuery 教程：

• jQuery 教程
• jQuery 參考手冊

注釋：jQuery 是一個 JavaScript 庫，它極大地簡化了 JavaScript 編程。

javascript

線上資料： http://www.w3school.com.cn/js/index.asp

 Regex執行個體（判斷IP是否正確）

<script type="text/javascript">var str="192.168.1.2"document.write(str.match(/(\d{1,3}[.]){3}\d{1,3}/g))  //其中match參數中必須以 '/'開頭和結尾，最後的g表示全域匹配</script>

jQuery

線上資料： http://www.w3school.com.cn/jquery/
例1.

function switchMandatory(inputEltId, mode){if("ON" == mode){if(jQuery("#"+inputEltId+"> span").size() == 0) /*用來判斷一個id是否存在*/jQuery("#"+inputEltId).append("<span class='field-mandatory'>*</span>"); /*在某個對象後面加入html代碼*/}else if("OFF"){jQuery("#"+inputEltId+"> span").remove(); /*刪除整個對象*/}}

例2. 關於 validate的使用

jQuery("#phoneHome").validate({       expression: "", /*運算式*/               message: "" /*false時列印的訊息*/      ,check: true /*載入是就檢查*/});

ajax線上資料：http://www.w3school.com.cn/ajax/index.asp例1.

    jQuery.ajax({        url: _controlPath + "storeAndReload", /*指定url*/        cache: false,        data:{"store_id":id, "rememberMe":rememberMeChx, "isTunnel": jQuery("isTunnel").val()}, /*指定傳遞的參數*/        success: function(){/*成功調用指定url後執行的代碼*/    if(rememberMeChx == 'on'){    setCookie("STORE", id, days, "/", "", ""); /*把指定資料放進cookie中*/    }else{    setCookie("STORE", "", 0, "/", "", "");    }    $HidePopup();        var $fieldIdToSet = jQuery("#favouriteStoreId");    if($fieldIdToSet.size() != 0) {    $fieldIdToSet.val(id);    jQuery("#favouriteStoreMessageStoreName").html(storeName);    jQuery("#favouriteStoreMessageNoStore").hide();    jQuery("#favouriteStoreMessageStoreChose").show();    } else {    window.location.reload();    }            }    });

轉自：http://www.w3school.com.cn/js/js_reference.asp