開源小巧的javascript框架：G.js

G.js是一個開源小巧的javascript框架。支持瀏覽器 ie6+
一共包含31個方法，其中有13個是對dom原生對象的擴展（被G.js處理過的對象才有這些擴展方法,沒有污染原生對象結構），18個常用方法。

18個常用方法包含了4個插件：
1、自動驗證表單
2、各種彈出框 (alert | success | error | confirm | prompt | box)
3、無刷新上傳圖片
4、移動設備的上下 左右 長按 手勢的識別（需要支持touch事件）

G.js返回的對象均為原生js對象。

g.js ----------- 16KB

g.min.js ----------- 11KB

g.css ----------- 3KB （各種彈出框的樣式）

獲取1個class為.dt的元素 改變背景顏色為(#85B3DC)

G('.dt').css({'backgroundColor':'#85B3DC'});測試

獲取1個class為.dt的元素內的所有信息

alert(G('.dt').innerHTML);測試

獲取所有class為.dt的元素 改變背景顏色為(#85B3DC)

G('.dt',true).css({'backgroundColor':'#85B3DC'});測試

獲取所有class為.dt的元素 下面的第一個p元素 改變背景顏色為(#85B3DC)

G('.dt',true).$('p').css({'backgroundColor':'#85B3DC'});測試

獲取所有class為.dt的元素 下面的所有p元素 返回的是一個二維數組

G('.dt',true).$('p',true);

G.alert | G.error | G.success | G.notice 方法

           <script type="text/javascript">
/*
 G.alert(s,c,f,t),G.error(s,c,f,t),G.success(s,c,f,t),G.notice(s,c,f,t)
 @s:提示信息; 
 @t:顯示時間;默認 2000 毫秒
 @f:回調函數
 @c:是否有遮蔽層 默認true  
*/

G.alert('用戶名不能空！');

//有遮蔽層
G.alert('用戶名不能空！',true);

//無遮蔽層 提示完跳轉到 http://www.yxsss.com
G.alert('用戶名不能空！',false,function(){window.location='http://www.yxsss.com'});

</script>測試         

req 屬性

<!--
    req="true" 表示用戶名為必填項，當用戶名為空是提示為：
    提示語默認是 元素的父級的上一個元素的內容。下面的提示為 用戶名不能為空；
    自定義提示提示信息看 屬性ts
-->
<form action="" method="post">
<table>
    <tr><td>用戶名：</td><td><input type="text" req="true"></td></tr>
    <tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>
</form>

exp | ts 屬性

<!--
exp="這里填寫正則表達式" 表示當內容不為空時，用正則表達式驗證當前元素里面的內容
如：必填 郵箱格式 自定義提示語
-->
<form action="javascript:;" method="post">
<table>
    <tr><td>email：</td><td><input type="text" ts="郵箱格式不正確" req="true" exp="^[\w\-_\.]+@[\w\-]+(\.[a-zA-Z]{2,6}){1,2}$"></td></tr>
    <tr><td colspan="2"><input type="submit" value="提交"></td></tr>
</table>

fname | funbak | furl | funstr 屬性

<!--
fname：后臺接收時用的名字, 必填
funstr：開始上傳執行的函數, 默認無
funbak：上傳成功后的回調函數， 必填
furl：上傳地址； 默認當前form的提交頁面
注意：上傳地址和當前地址必須為同意域名否則回調函數獲取不到 上傳成功發回的地址。

a.php:

$path='a.jpg';
move_uploaded_file($_FILES['uimg']['tmp_name'],$path);
exit(json_encode(array('ztai'=>true,'url'=>$path)));


-->

<form action=""  method="get">
<input type="button" fname="uimg" funstr="function(){document.title='圖片正在上傳……';return false;}" funbak="ddd" furl="a.php" value="本地上傳">
</form>
<script type="text/javascript">
function ddd(da){

    if(da.ztai){
        document.title='上傳完成';
        G.success('上傳成功保存地址為'+da.url);
    }
}
</script>