国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JavaScript 開發中規范性的一點感想

2019-11-21 01:18:25
字體:
來源:轉載
供稿:網友
可謂一勞永逸,不要重復造輪子:)
1.常用的方法統一放置
例如:在用戶注冊時,時常需要判斷文本框中字符是否是漢字、英文、數字或郵箱地址等等。何不把這些方法統一放在一個腳本中,取名叫做utility.js呢?
復制代碼 代碼如下:

//待需要時另存為一個js

function isNull(obj)
{
if (!obj || obj.length==0 || obj=="")
{
parent.MyAlert("標注名不能為空!",alertImg);
return false;
}
else
{
return true;
}
}

// 驗證是否為整數
function isNumber(oNum)
{
if(!oNum) return false;

try{
if(parseInt(oNum)!=oNum) {
parent.MyAlert("查詢距離請填寫正整數!",alertImg);
return false;
}
}
catch(ex)
{
parent.MyAlert("查詢距離請填寫正整數!",alertImg);
return false;
}

return true;
}

// 驗證是否為中文
function isChinese(oCn)
{
if (!oCn || oCn.length==0) return false;

try{
var reg = /^[/u4e00-/u9fa5]+$/i; //含中文

if ( reg.test(oCn) )
{
return true;
}
else{
parent.MyAlert("關鍵字請填寫中文!",alertImg);
return false;
}
}
catch(ex)
{
parent.MyAlert("關鍵字請填寫中文!",alertImg);
return false;
}
}

// 驗證是否為中文或字母
function isEnCh(oStr)
{
if (!oStr || oStr.length==0) return false;

try{
var reg = /^[a-zA-Z/u4E00-/u9FA5]/g; //含中文或拼音

if ( reg.test(oStr) )
{
return true;
}
else{
parent.MyAlert("地名請填寫中文或拼音!",alertImg);
return false;
}
}
catch(ex)
{
parent.MyAlert("地名請填寫中文或拼音!",alertImg);
return false;
}
}

// 結果保留2位小數
function roundAmount(n){
var s = "" + Math.round(n * 100) / 100;
var i = s.indexOf('.')
if (i < 0) return s + ".00";

var t = s.substring(0, i + 1) + s.substring(i + 1, i + 3);
if (i + 2 == s.length) t += "0";

return t;
}

2.提示、報錯信息統一放置

看了上面的代碼,您是否也發現一個問題:下一個項目中如果提示、報錯信息不一樣,還需要重新改動上述代碼。何不把提示信息統一放在一個腳本中,取名叫做resource_zh.js呢?

在多語言版本的軟件中,也有用類似的招數達到切換界面語言,有發現?呵呵。
復制代碼 代碼如下:

var page_res = {
    "meter": "米",
    "kilometer": "千米(公里)",
    "mile": "英里",
    "yard": "碼",
    "degree": "度",
    "millimeter": "毫米",
    "saveMap": "保存地圖",
    "printMap": "打印地圖",
    "queryResult": "查詢結果",
    "queryResultNull": "查詢結果為空",
    "experssionCanNotNull": "查詢表達式不能為空",
    "networkInfo": "路徑信息",
    "arcInfo": "弧段信息",
    "addEntitySuccess": "添加地物成功! ",
    "addEntityFail": "添加地物失敗!",
    "updateEntitySuccess": "更新地物成功!",
    "updateEntityFail": "更新地物失敗!",
    "updatePropertySuccess": "更新屬性成功!",
    "updatePropertyFail": "更新屬性失敗!",
    "deleteEntitySuccess": "刪除地物成功!",
    "deleteEntityFail": "刪除地物失敗!",
    "closestFacilityFail": "最近設施分析失敗,請重新選擇",
    "fieldCanNotNull": "字段數不能為空",
    "fieldMustInteger": "字段數必須為整數",
    "fieldMustMoreThanZero": "字段數必須大于0",
    "numberCanNotNull": "數值不能為空"
}

我們可以把常用的單位、按鈕文本、提示信息都放在這里。然后最先加載該腳本,通過eval實例化出一個對象。通過類似res.networkInfo便可獲得對應的內容。

3.AjaxRequest請求封裝

跟第一點意義是一致的,在現在開發中頻繁使用Ajax,如果您沒用jQuery等腳本庫的話,可能是自己寫每次請求和回調的函數。何不把這些方法都放在一個ajax.js中呢?
復制代碼 代碼如下:

var xmlhttpObj=false;
function XHR(CallBack)
{
this.callback=CallBack;
}
XHR.createXMLHttp = function ()
{
if(window.ActiveXObject) //IE瀏覽器
{
try
{
xmlhttpObj = new ActiveXObject("Microsoft.XMLHTTP");//IE4.0
}
catch (e)
{
try
{
xmlhttpObj = new ActiveXObject("Msxml2.XMLHTTP");//IE5.0以上
}
catch (e2)
{
xmlhttpObj=false;
}
}
}
else if(window.XMLHttpRequest&&!xmlhttpObj) //開放瀏覽器
{
xmlhttpObj = new XMLHttpRequest();
}
}
XHR.prototype.Onstar = function (method,Url,bFlag,param)
{
if(this.callback!=null)
{
XHR.createXMLHttp();
xmlhttpObj.onreadystatechange=this.callback;
xmlhttpObj.open(method,Url,bFlag);
xmlhttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded;");
xmlhttpObj.send(param);
}
else
{
alert("沒有客戶端處理函數!")
}
}

在使用時實例化一個XHR對象出來,例如:var legendObj=new XHR(function (){...}); 然后用legendObj.Onstar("POST","Handlers/legendHandler.ashx",false,"mapName=" + mapName);提交請求即可。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 鄂尔多斯市| 秭归县| 华池县| 平邑县| 河南省| 成安县| 天柱县| 旺苍县| 根河市| 西峡县| 红安县| 郑州市| 黑山县| 左权县| 星座| 高雄市| 宾川县| 南涧| 道孚县| 景德镇市| 江阴市| 开阳县| 怀柔区| 濉溪县| 榕江县| 长沙市| 固原市| 伊宁市| 洛川县| 慈利县| 闽清县| 侯马市| 克拉玛依市| 郴州市| 都昌县| 天津市| 新疆| 四平市| 大英县| 闽侯县| 微山县|